@fecp/designer 5.5.112 → 5.5.114

package/lib/node_modules/vant/es/dialog/Dialog.js

@@ -0,0 +1,226 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const shared = require("../popup/shared.js");
+const index = require("../popup/index.js");
+const index$3 = require("../button/index.js");
+const index$1 = require("../action-bar/index.js");
+const index$2 = require("../action-bar-button/index.js");
+const basic = require("../utils/basic.js");
+const constant = require("../utils/constant.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const props = require("../utils/props.js");
+const interceptor = require("../utils/interceptor.js");
+const [name, bem, t] = create.createNamespace("dialog");
+const dialogProps = basic.extend({}, shared.popupSharedProps, {
+  title: String,
+  theme: String,
+  width: props.numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: props.unknownProp,
+  transition: props.makeStringProp("van-dialog-bounce"),
+  messageAlign: String,
+  closeOnPopstate: props.truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
+  showConfirmButton: props.truthProp,
+  closeOnClickOverlay: Boolean,
+  keyboardEnabled: props.truthProp
+});
+const popupInheritKeys = [...shared.popupSharedPropKeys, "transition", "closeOnPopstate"];
+var stdin_default = Vue.defineComponent({
+  name,
+  props: dialogProps,
+  emits: ["confirm", "cancel", "keydown", "update:show"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const root = Vue.ref();
+    const loading = Vue.reactive({
+      confirm: false,
+      cancel: false
+    });
+    const updateShow = (value) => emit("update:show", value);
+    const close = (action) => {
+      var _a;
+      updateShow(false);
+      (_a = props2.callback) == null ? void 0 : _a.call(props2, action);
+    };
+    const getActionHandler = (action) => () => {
+      if (!props2.show) {
+        return;
+      }
+      emit(action);
+      if (props2.beforeClose) {
+        loading[action] = true;
+        interceptor.callInterceptor(props2.beforeClose, {
+          args: [action],
+          done() {
+            close(action);
+            loading[action] = false;
+          },
+          canceled() {
+            loading[action] = false;
+          }
+        });
+      } else {
+        close(action);
+      }
+    };
+    const onCancel = getActionHandler("cancel");
+    const onConfirm = getActionHandler("confirm");
+    const onKeydown = Vue.withKeys((event) => {
+      var _a, _b;
+      if (!props2.keyboardEnabled) {
+        return;
+      }
+      if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
+        return;
+      }
+      const onEventType = {
+        Enter: props2.showConfirmButton ? onConfirm : basic.noop,
+        Escape: props2.showCancelButton ? onCancel : basic.noop
+      };
+      onEventType[event.key]();
+      emit("keydown", event);
+    }, ["enter", "esc"]);
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props2.title;
+      if (title) {
+        return Vue.createVNode("div", {
+          "class": bem("header", {
+            isolated: !props2.message && !slots.default
+          })
+        }, [title]);
+      }
+    };
+    const renderMessage = (hasTitle) => {
+      const {
+        message,
+        allowHtml,
+        messageAlign
+      } = props2;
+      const classNames = bem("message", {
+        "has-title": hasTitle,
+        [messageAlign]: messageAlign
+      });
+      const content = basic.isFunction(message) ? message() : message;
+      if (allowHtml && typeof content === "string") {
+        return Vue.createVNode("div", {
+          "class": classNames,
+          "innerHTML": content
+        }, null);
+      }
+      return Vue.createVNode("div", {
+        "class": classNames
+      }, [content]);
+    };
+    const renderContent = () => {
+      if (slots.default) {
+        return Vue.createVNode("div", {
+          "class": bem("content")
+        }, [slots.default()]);
+      }
+      const {
+        title,
+        message,
+        allowHtml
+      } = props2;
+      if (message) {
+        const hasTitle = !!(title || slots.title);
+        return Vue.createVNode("div", {
+          "key": allowHtml ? 1 : 0,
+          "class": bem("content", {
+            isolated: !hasTitle
+          })
+        }, [renderMessage(hasTitle)]);
+      }
+    };
+    const renderButtons = () => Vue.createVNode("div", {
+      "class": [constant.BORDER_TOP, bem("footer")]
+    }, [props2.showCancelButton && Vue.createVNode(index$3.Button, {
+      "size": "large",
+      "text": props2.cancelButtonText || t("cancel"),
+      "class": bem("cancel"),
+      "style": {
+        color: props2.cancelButtonColor
+      },
+      "loading": loading.cancel,
+      "disabled": props2.cancelButtonDisabled,
+      "onClick": onCancel
+    }, null), props2.showConfirmButton && Vue.createVNode(index$3.Button, {
+      "size": "large",
+      "text": props2.confirmButtonText || t("confirm"),
+      "class": [bem("confirm"), {
+        [constant.BORDER_LEFT]: props2.showCancelButton
+      }],
+      "style": {
+        color: props2.confirmButtonColor
+      },
+      "loading": loading.confirm,
+      "disabled": props2.confirmButtonDisabled,
+      "onClick": onConfirm
+    }, null)]);
+    const renderRoundButtons = () => Vue.createVNode(index$1.ActionBar, {
+      "class": bem("footer")
+    }, {
+      default: () => [props2.showCancelButton && Vue.createVNode(index$2.ActionBarButton, {
+        "type": "warning",
+        "text": props2.cancelButtonText || t("cancel"),
+        "class": bem("cancel"),
+        "color": props2.cancelButtonColor,
+        "loading": loading.cancel,
+        "disabled": props2.cancelButtonDisabled,
+        "onClick": onCancel
+      }, null), props2.showConfirmButton && Vue.createVNode(index$2.ActionBarButton, {
+        "type": "danger",
+        "text": props2.confirmButtonText || t("confirm"),
+        "class": bem("confirm"),
+        "color": props2.confirmButtonColor,
+        "loading": loading.confirm,
+        "disabled": props2.confirmButtonDisabled,
+        "onClick": onConfirm
+      }, null)]
+    });
+    const renderFooter = () => {
+      if (slots.footer) {
+        return slots.footer();
+      }
+      return props2.theme === "round-button" ? renderRoundButtons() : renderButtons();
+    };
+    return () => {
+      const {
+        width,
+        title,
+        theme,
+        message,
+        className
+      } = props2;
+      return Vue.createVNode(index.Popup, Vue.mergeProps({
+        "ref": root,
+        "role": "dialog",
+        "class": [bem([theme]), className],
+        "style": {
+          width: format.addUnit(width)
+        },
+        "tabindex": 0,
+        "aria-labelledby": title || message,
+        "onKeydown": onKeydown,
+        "onUpdate:show": updateShow
+      }, basic.pick(props2, popupInheritKeys)), {
+        default: () => [renderTitle(), renderContent(), renderFooter()]
+      });
+    };
+  }
+});
+exports.default = stdin_default;
+exports.dialogProps = dialogProps;

package/lib/node_modules/vant/es/dialog/function-call.js

@@ -1,6 +1,10 @@
 "use strict";
-require("vue");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Vue = require("vue");
+const mountComponent = require("../utils/mount-component.js");
+const Dialog = require("./Dialog.js");
 const basic = require("../utils/basic.js");
+let instance;
 const DEFAULT_OPTIONS = {
   title: "",
   width: "",
@@ -28,4 +32,46 @@ const DEFAULT_OPTIONS = {
   closeOnPopstate: true,
   closeOnClickOverlay: false
 };
-basic.extend({}, DEFAULT_OPTIONS);
+let currentOptions = basic.extend({}, DEFAULT_OPTIONS);
+function initInstance() {
+  const Wrapper = {
+    setup() {
+      const {
+        state,
+        toggle
+      } = mountComponent.usePopupState();
+      return () => Vue.createVNode(Dialog.default, Vue.mergeProps(state, {
+        "onUpdate:show": toggle
+      }), null);
+    }
+  };
+  ({
+    instance
+  } = mountComponent.mountComponent(Wrapper));
+}
+function showDialog(options) {
+  if (!basic.inBrowser) {
+    return Promise.resolve(void 0);
+  }
+  return new Promise((resolve, reject) => {
+    if (!instance) {
+      initInstance();
+    }
+    instance.open(basic.extend({}, currentOptions, options, {
+      callback: (action) => {
+        (action === "confirm" ? resolve : reject)(action);
+      }
+    }));
+  });
+}
+const showConfirmDialog = (options) => showDialog(basic.extend({
+  showCancelButton: true
+}, options));
+const closeDialog = () => {
+  if (instance) {
+    instance.toggle(false);
+  }
+};
+exports.closeDialog = closeDialog;
+exports.showConfirmDialog = showConfirmDialog;
+exports.showDialog = showDialog;

package/lib/node_modules/vant/es/dialog/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Dialog = require("./Dialog.js");
+const withInstall = require("../utils/with-install.js");
+withInstall.withInstall(Dialog.default);
+exports.dialogProps = Dialog.dialogProps;

package/lib/node_modules/vant/es/divider/Divider.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const [name, bem] = create.createNamespace("divider");
+const dividerProps = {
+  dashed: Boolean,
+  hairline: props.truthProp,
+  vertical: Boolean,
+  contentPosition: props.makeStringProp("center")
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  props: dividerProps,
+  setup(props2, {
+    slots
+  }) {
+    return () => {
+      var _a;
+      return Vue.createVNode("div", {
+        "role": "separator",
+        "class": bem({
+          dashed: props2.dashed,
+          hairline: props2.hairline,
+          vertical: props2.vertical,
+          [`content-${props2.contentPosition}`]: !!slots.default && !props2.vertical
+        })
+      }, [!props2.vertical && ((_a = slots.default) == null ? void 0 : _a.call(slots))]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.dividerProps = dividerProps;

package/lib/node_modules/vant/es/divider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Divider$1 = require("./Divider.js");
+const withInstall = require("../utils/with-install.js");
+const Divider = withInstall.withInstall(Divider$1.default);
+exports.dividerProps = Divider$1.dividerProps;
+exports.Divider = Divider;

package/lib/node_modules/vant/es/dropdown-item/DropdownItem.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const DropdownMenu = require("../dropdown-menu/DropdownMenu.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useExpose = require("../composables/use-expose.js");
+const index$1 = require("../cell/index.js");
+const index$2 = require("../icon/index.js");
+const index = require("../popup/index.js");
+const dom = require("../utils/dom.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("dropdown-item");
+const dropdownItemProps = {
+  title: String,
+  options: props.makeArrayProp(),
+  disabled: Boolean,
+  teleport: [String, Object],
+  lazyRender: props.truthProp,
+  modelValue: props.unknownProp,
+  titleClass: props.unknownProp
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  inheritAttrs: false,
+  props: dropdownItemProps,
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
+  setup(props2, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const state = Vue.reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false
+    });
+    const wrapperRef = Vue.ref();
+    const {
+      parent,
+      index: index$3
+    } = index_esm.useParent(DropdownMenu.DROPDOWN_KEY);
+    if (!parent) {
+      return;
+    }
+    const getEmitter = (name2) => () => emit(name2);
+    const onOpen = getEmitter("open");
+    const onClose = getEmitter("close");
+    const onOpened = getEmitter("opened");
+    const onClosed = () => {
+      state.showWrapper = false;
+      emit("closed");
+    };
+    const onClickWrapper = (event) => {
+      if (props2.teleport) {
+        event.stopPropagation();
+      }
+    };
+    const toggle = (show = !state.showPopup, options = {}) => {
+      if (show === state.showPopup) {
+        return;
+      }
+      state.showPopup = show;
+      state.transition = !options.immediate;
+      if (show) {
+        parent.updateOffset();
+        state.showWrapper = true;
+      }
+    };
+    const renderTitle = () => {
+      if (slots.title) {
+        return slots.title();
+      }
+      if (props2.title) {
+        return props2.title;
+      }
+      const match = props2.options.find((option) => option.value === props2.modelValue);
+      return match ? match.text : "";
+    };
+    const renderOption = (option) => {
+      const {
+        activeColor
+      } = parent.props;
+      const {
+        disabled
+      } = option;
+      const active = option.value === props2.modelValue;
+      const onClick = () => {
+        if (disabled) {
+          return;
+        }
+        state.showPopup = false;
+        if (option.value !== props2.modelValue) {
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
+        }
+      };
+      const renderIcon = () => {
+        if (active) {
+          return Vue.createVNode(index$2.Icon, {
+            "class": bem("icon"),
+            "color": disabled ? void 0 : activeColor,
+            "name": "success"
+          }, null);
+        }
+      };
+      return Vue.createVNode(index$1.Cell, {
+        "role": "menuitem",
+        "key": String(option.value),
+        "icon": option.icon,
+        "title": option.text,
+        "class": bem("option", {
+          active,
+          disabled
+        }),
+        "style": {
+          color: active ? activeColor : ""
+        },
+        "tabindex": active ? 0 : -1,
+        "clickable": !disabled,
+        "onClick": onClick
+      }, {
+        value: renderIcon
+      });
+    };
+    const renderContent = () => {
+      const {
+        offset
+      } = parent;
+      const {
+        autoLocate,
+        zIndex,
+        overlay,
+        duration,
+        direction,
+        closeOnClickOverlay
+      } = parent.props;
+      const style = format.getZIndexStyle(zIndex);
+      let offsetValue = offset.value;
+      if (autoLocate && wrapperRef.value) {
+        const offsetParent = dom.getContainingBlock(wrapperRef.value);
+        if (offsetParent) {
+          offsetValue -= index_esm.useRect(offsetParent).top;
+        }
+      }
+      if (direction === "down") {
+        style.top = `${offsetValue}px`;
+      } else {
+        style.bottom = `${offsetValue}px`;
+      }
+      return Vue.withDirectives(Vue.createVNode("div", Vue.mergeProps({
+        "ref": wrapperRef,
+        "style": style,
+        "class": bem([direction]),
+        "onClick": onClickWrapper
+      }, attrs), [Vue.createVNode(index.Popup, {
+        "show": state.showPopup,
+        "onUpdate:show": ($event) => state.showPopup = $event,
+        "role": "menu",
+        "class": bem("content"),
+        "overlay": overlay,
+        "position": direction === "down" ? "top" : "bottom",
+        "duration": state.transition ? duration : 0,
+        "lazyRender": props2.lazyRender,
+        "overlayStyle": {
+          position: "absolute"
+        },
+        "aria-labelledby": `${parent.id}-${index$3.value}`,
+        "data-allow-mismatch": "attribute",
+        "closeOnClickOverlay": closeOnClickOverlay,
+        "onOpen": onOpen,
+        "onClose": onClose,
+        "onOpened": onOpened,
+        "onClosed": onClosed
+      }, {
+        default: () => {
+          var _a;
+          return [props2.options.map(renderOption), (_a = slots.default) == null ? void 0 : _a.call(slots)];
+        }
+      })]), [[Vue.vShow, state.showWrapper]]);
+    };
+    useExpose.useExpose({
+      state,
+      toggle,
+      renderTitle
+    });
+    return () => {
+      if (props2.teleport) {
+        return Vue.createVNode(Vue.Teleport, {
+          "to": props2.teleport
+        }, {
+          default: () => [renderContent()]
+        });
+      }
+      return renderContent();
+    };
+  }
+});
+exports.default = stdin_default;
+exports.dropdownItemProps = dropdownItemProps;

package/lib/node_modules/vant/es/dropdown-item/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const DropdownItem$1 = require("./DropdownItem.js");
+const withInstall = require("../utils/with-install.js");
+const DropdownItem = withInstall.withInstall(DropdownItem$1.default);
+exports.dropdownItemProps = DropdownItem$1.dropdownItemProps;
+exports.DropdownItem = DropdownItem;

package/lib/node_modules/vant/es/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const useId = require("../composables/use-id.js");
+const useExpose = require("../composables/use-expose.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const dom = require("../utils/dom.js");
+const constant = require("../utils/constant.js");
+const [name, bem] = create.createNamespace("dropdown-menu");
+const dropdownMenuProps = {
+  overlay: props.truthProp,
+  zIndex: props.numericProp,
+  duration: props.makeNumericProp(0.2),
+  direction: props.makeStringProp("down"),
+  activeColor: String,
+  autoLocate: Boolean,
+  closeOnClickOutside: props.truthProp,
+  closeOnClickOverlay: props.truthProp,
+  swipeThreshold: props.numericProp
+};
+const DROPDOWN_KEY = Symbol(name);
+var stdin_default = Vue.defineComponent({
+  name,
+  props: dropdownMenuProps,
+  setup(props2, {
+    slots
+  }) {
+    const id = useId.useId();
+    const root = Vue.ref();
+    const barRef = Vue.ref();
+    const offset = Vue.ref(0);
+    const {
+      children,
+      linkChildren
+    } = index_esm.useChildren(DROPDOWN_KEY);
+    const scrollParent = index_esm.useScrollParent(root);
+    const opened = Vue.computed(() => children.some((item) => item.state.showWrapper));
+    const scrollable = Vue.computed(() => props2.swipeThreshold && children.length > +props2.swipeThreshold);
+    const barStyle = Vue.computed(() => {
+      if (opened.value && basic.isDef(props2.zIndex)) {
+        return {
+          zIndex: +props2.zIndex + 1
+        };
+      }
+    });
+    const close = () => {
+      children.forEach((item) => {
+        item.toggle(false);
+      });
+    };
+    const onClickAway = () => {
+      if (props2.closeOnClickOutside) {
+        close();
+      }
+    };
+    const updateOffset = () => {
+      if (barRef.value) {
+        const rect = index_esm.useRect(barRef);
+        if (props2.direction === "down") {
+          offset.value = rect.bottom;
+        } else {
+          offset.value = dom.windowHeight.value - rect.top;
+        }
+      }
+    };
+    const onScroll = () => {
+      if (opened.value) {
+        updateOffset();
+      }
+    };
+    const toggleItem = (active) => {
+      children.forEach((item, index) => {
+        if (index === active) {
+          item.toggle();
+        } else if (item.state.showPopup) {
+          item.toggle(false, {
+            immediate: true
+          });
+        }
+      });
+    };
+    const renderTitle = (item, index) => {
+      const {
+        showPopup
+      } = item.state;
+      const {
+        disabled,
+        titleClass
+      } = item;
+      return Vue.createVNode("div", {
+        "id": `${id}-${index}`,
+        "role": "button",
+        "tabindex": disabled ? void 0 : 0,
+        "data-allow-mismatch": "attribute",
+        "class": [bem("item", {
+          disabled,
+          grow: scrollable.value
+        }), {
+          [constant.HAPTICS_FEEDBACK]: !disabled
+        }],
+        "onClick": () => {
+          if (!disabled) {
+            toggleItem(index);
+          }
+        }
+      }, [Vue.createVNode("span", {
+        "class": [bem("title", {
+          down: showPopup === (props2.direction === "down"),
+          active: showPopup
+        }), titleClass],
+        "style": {
+          color: showPopup ? props2.activeColor : ""
+        }
+      }, [Vue.createVNode("div", {
+        "class": "van-ellipsis"
+      }, [item.renderTitle()])])]);
+    };
+    useExpose.useExpose({
+      close
+    });
+    linkChildren({
+      id,
+      props: props2,
+      offset,
+      updateOffset
+    });
+    index_esm.useClickAway(root, onClickAway);
+    index_esm.useEventListener("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    return () => {
+      var _a;
+      return Vue.createVNode("div", {
+        "ref": root,
+        "class": bem()
+      }, [Vue.createVNode("div", {
+        "ref": barRef,
+        "style": barStyle.value,
+        "class": bem("bar", {
+          opened: opened.value,
+          scrollable: scrollable.value
+        })
+      }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+exports.DROPDOWN_KEY = DROPDOWN_KEY;
+exports.default = stdin_default;
+exports.dropdownMenuProps = dropdownMenuProps;