提交

甲情_甲意/miniprogram/node_modules/antd-mini/less/SwipeAction/index.axml

@@ -0,0 +1,116 @@
+<import-sjs
+  from="./index.sjs"
+  name="util"
+></import-sjs>
+<view class="ant-swipe">
+  <view
+    class="ant-swipe-action"
+    style="width: {{util.getWidth(rightWidth, leftWidth, inertiaWidth)}};"
+  >
+    <movable-area
+      a:if="{{ready}}"
+      class="ant-swipe-action-movable"
+      style="margin-left: {{util.getMarginLeft(rightWidth, leftWidth, inertiaWidth)}}"
+    >
+      <movable-view
+        class="ant-swipe-action-movable-content"
+        style="width:{{util.getWidth2(rightWidth, leftWidth, inertiaWidth)}}; margin-left: {{util.getMarginLeft2(rightWidth, leftWidth, inertiaWidth)}};"
+        x="{{swipeX}}"
+        data-type="content"
+        animation="{{animation}}"
+        damping="{{damping}}"
+        direction="horizontal"
+        outOfBounds="{{false}}"
+        disabled="{{disabled}}"
+        onTap="onSwipeTap"
+        onChange="onChange"
+        onChangeEnd="onChangeEnd"
+        catchTouchEnd="onTouchEnd"
+        onTouchCancel="onTouchCancel"
+        catchTouchStart="onTouchStart"
+      >
+        <view
+          class="ant-swipe-action-movable-content-view"
+          style="{{util.getSlotWidthStyle(rightWidth, leftWidth, _leftButtons, _rightButtons, inertiaWidth)}}"
+          onTap="onClick"
+        >
+          <view
+            a:if="{{swipedR || swipedL}}"
+            class="ant-swipe-action-movable-content-view-modal"
+          ></view>
+          <slot></slot>
+        </view>
+      </movable-view>
+      <movable-view
+        class="ant-swipe-action-movable-content ant-swipe-action-movable-right{{$id ? '-' + $id : ''}}"
+        damping="{{damping}}"
+        style="{{util.getRightMovableContentStyle(tapTypeR, idx, rightWidth, leftWidth, inertiaWidth)}}"
+        data-type="content"
+        animation="{{false}}"
+        disabled="{{true}}"
+        direction="horizontal"
+        x="{{moveX * (util.getMoveX(_rightButtons, idx) / rightWidth)}}"
+        a:for="{{_rightButtons}}"
+        a:for-index="idx"
+        a:for-item="item"
+        key="{{idx}}"
+      >
+        <view
+          class="ant-swipe-action-movable-content-right"
+          style="background: {{item.bgColor}};width: {{(item.width + inertiaWidth + 1) / 2}}px;"
+        >
+          <view
+            class="ant-swipe-action-movable-content-right-text"
+            onTap="onItemTap"
+            data-item="{{util.axmlObj({ item, idx })}}"
+            aria-hidden="{{!swipedR}}"
+            style="{{util.getMovableContentRightStyle(item, tapTypeR, idx, rightWidth, inTouch, inertiaWidth, myStyle)}}"
+          >
+            <slot name="{{util.getRightSlotName(tapTypeR, idx, item)}}">
+              <!--display: inline-->
+              <text class="right-text {{util.getLeft(tapTypeR, idx, _rightButtons, true)}}">{{util.getRightText(tapTypeR, idx, item)}}</text>
+            </slot>
+          </view>
+        </view>
+      </movable-view>
+      <movable-view
+        class="ant-swipe-action-movable-content ant-swipe-action-is-right-swipe ant-swipe-action-movable-left{{$id ? '-' + $id : ''}}"
+        damping="{{damping}}"
+        style="{{util.getLeftMovableContentStyle(tapTypeL, idx, leftWidth, inertiaWidth)}}"
+        data-type="content"
+        animation="{{false}}"
+        disabled="{{true}}"
+        direction="horizontal"
+        x="{{moveX * (util.getMoveX(_leftButtons, idx) / leftWidth)}}"
+        a:for="{{_leftButtons}}"
+        a:for-index="idx"
+        a:for-item="itemL"
+        key="{{'left-' + idx}}"
+      >
+        <view
+          class="ant-swipe-action-movable-content-left"
+          style="background: {{tapTypeL && tapTypeL === 'L-' + idx && _leftButtons.length === 3 && idx === 1 ? 'none' : itemL.bgColor}};width: {{(leftWidth + inertiaWidth) / 2}}px"
+        >
+          <view
+            class="ant-swipe-action-movable-content-left-text1 ant-swipe-action-left"
+            onTap="onItemTap"
+            data-item="{{util.axmlObj({ itemL, idx })}}"
+            aria-hidden="{{!swipedL}}"
+            style="{{util.getMovableContentLeftStyle(itemL, tapTypeL, idx, leftWidth, inTouch, inertiaWidth, myStyle)}}"
+          >
+            <slot name="{{util.getLeftSlotName(tapTypeL, idx, itemL)}}">
+              <!--display: inline-->
+              <text
+                class="right-text"
+                style="width: 100%"
+              >
+                <!--display: inline-->
+                <text class="right-text {{util.getLeft(tapTypeL, idx, _leftButtons, false)}}">{{util.getLeftText(tapTypeL, idx, itemL)}}</text>
+              </text>
+            </slot>
+          </view>
+        </view>
+      </movable-view>
+    </movable-area>
+  </view>
+</view>