@done-coding/admin-core 0.21.0 → 0.22.0

package/es/components/app-layout/AppLayout.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AppLayout.vue2.mjs";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AppLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6f87b30"]]);
+const AppLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b45bcdfd"]]);
 export {
   AppLayout as default
 };

package/es/components/app-layout/AppLayout.vue2.mjs

@@ -1,9 +1,14 @@
-import { defineComponent, computed, provide, markRaw, watch, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, resolveDynamicComponent, createSlots, normalizeStyle, createCommentVNode, renderList, renderSlot } from "vue";
+import { defineComponent, useModel, computed, provide, markRaw, watch, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, createSlots, normalizeStyle, renderList, renderSlot, mergeModels } from "vue";
 import { ElWatermark } from "element-plus";
 import { useRoute, useRouter } from "vue-router";
 import AppBody from "./AppBody.vue.mjs";
 import _sfc_main$1 from "./AppShell.vue.mjs";
 import _sfc_main$2 from "../modal/ModalShelf.vue.mjs";
+import _sfc_main$3 from "../modal/ModalPorter.vue.mjs";
+import _sfc_main$4 from "../modal/ModalImagePreview.vue.mjs";
+import ModalVideoPreview from "../modal/ModalVideoPreview.vue.mjs";
+import { APP_GLOBAL_IMAGE_PREVIEW_KEY, APP_GLOBAL_VIDEO_PREVIEW_KEY } from "../modal/modal-global-keys.mjs";
+import { APP_GLOBAL_MODAL_PORTER_SYMBOL } from "../modal/modal-global-symbol.mjs";
 import { themeScaleToRgba } from "../../utils/theme-scale.mjs";
 import { APP_LAYOUT_BRIDGE_KEY, APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_USER_STORE_KEY } from "../../inject/key.mjs";
 import { useCoreThemeApply } from "../../hooks/use-theme-apply.mjs";
@@ -12,15 +17,46 @@ import { flatRouteMetaResolveRaw } from "../../utils/router.mjs";
 import { useMenusDataDispatch } from "../../hooks/menus-dispatch.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppLayout",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     bridge: {},
     appStore: {},
     userStore: {},
     watermarkContent: {},
-    sidebarAboveHeader: { type: Boolean, default: false }
-  },
+    sidebarAboveHeader: { type: Boolean, default: false },
+    globalModalConfig: {},
+    enableGlobalImagePreview: { type: Boolean, default: false },
+    enableGlobalVideoPreview: { type: Boolean, default: false }
+  }, {
+    "globalModalRemote": {
+      // 初始空壳即带 modalKey 清单（挂载前 remote.modalKey 恒存在，消费方零判空）。
+      // 字面量直注 GlobalModalRemote 被 Record 索引签名拒绝，断言只作用于类型。
+      default: () => ({ modalKey: [] })
+    },
+    "globalModalRemoteModifiers": {}
+  }),
+  emits: ["update:globalModalRemote"],
   setup(__props) {
     const props = __props;
+    const globalModalRemote = useModel(__props, "globalModalRemote");
+    const resolvedGlobalModalConfig = computed(() => {
+      const base = props.globalModalConfig ?? [];
+      const extra = [];
+      if (props.enableGlobalImagePreview) {
+        extra.push({
+          key: APP_GLOBAL_IMAGE_PREVIEW_KEY,
+          component: _sfc_main$4,
+          shelf: "app"
+        });
+      }
+      if (props.enableGlobalVideoPreview) {
+        extra.push({
+          key: APP_GLOBAL_VIDEO_PREVIEW_KEY,
+          component: ModalVideoPreview,
+          shelf: "app"
+        });
+      }
+      return extra.length ? [...base, ...extra] : base;
+    });
     const watermarkFont = computed(() => ({
       color: themeScaleToRgba(props.bridge.themeColors.value.baseColor, 0.12),
       fontSize: 12
@@ -131,8 +167,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           zIndex: 1e4
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2), { level: "app" }, {
+            createVNode(unref(_sfc_main$2), {
+              remote: globalModalRemote.value,
+              "onUpdate:remote": _cache[0] || (_cache[0] = ($event) => globalModalRemote.value = $event),
+              level: "app"
+            }, {
               default: withCtx(() => [
+                resolvedGlobalModalConfig.value.length ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                  key: 0,
+                  "modal-list": resolvedGlobalModalConfig.value,
+                  "global-only": unref(APP_GLOBAL_MODAL_PORTER_SYMBOL)
+                }, null, 8, ["modal-list", "global-only"])) : createCommentVNode("", true),
                 (openBlock(), createBlock(resolveDynamicComponent(resolvedShell.value), {
                   menus: menus.value,
                   menuFlatList: menuFlatList.value,
@@ -171,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]), 1032, ["menus", "menuFlatList", "sidebarMenus", "headerMenus", "activeMenu", "activeModuleMenu", "showHeader", "showSidebar", "showAside", "sidebarAboveHeader"]))
               ]),
               _: 3
-            })
+            }, 8, ["remote"])
           ]),
           _: 3
         }, 8, ["content", "font"])

package/es/components/app-layout/AppPage.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AppPage.vue2.mjs";
 /* empty css              */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AppPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fb8acc9"]]);
+const AppPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d4bb608"]]);
 export {
   AppPage as default
 };

package/es/components/app-layout/AppPage.vue2.mjs

@@ -28,13 +28,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v292949d5": pageCssVars.value.top,
-      "v45d97caa": pageCssVars.value.bottom,
-      "v0807b0f2": pageCssVars.value.left,
-      "f841aac8": pageCssVars.value.right,
-      "f7b4d374": pageCssVars.value.width,
-      "v32838eb2": pageCssVars.value.height,
-      "v5c736bbc": props.nextViewportMaxHeight
+      "v68a1d5b5": pageCssVars.value.top,
+      "v0a30a9cb": pageCssVars.value.bottom,
+      "a8d5d0b2": pageCssVars.value.left,
+      "v71378308": pageCssVars.value.right,
+      "v70aaabb4": pageCssVars.value.width,
+      "v13dba0c7": pageCssVars.value.height,
+      "v746c0602": props.nextViewportMaxHeight
     }));
     const props = __props;
     const style = computed(() => {
@@ -46,6 +46,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const slots = useSlots();
+    const listLayoutRecommended = {
+      customView: true,
+      tableMainProps: {
+        pageLayout: "prev, pager, next",
+        paginationBackground: false
+      }
+    };
     const hasTop = computed(() => !!slots.top);
     const hasBottom = computed(() => !!slots.bottom);
     const hasLeft = computed(() => !!slots.left);
@@ -266,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "app-page-slot-shim",
               style: normalizeStyle(shimStyles.value.left)
             }, [
-              renderSlot(_ctx.$slots, "left", {}, void 0, true)
+              renderSlot(_ctx.$slots, "left", { listLayoutRecommended }, void 0, true)
             ], 4)
           ]),
           _: 3
@@ -284,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "app-page-slot-shim",
               style: normalizeStyle(shimStyles.value.right)
             }, [
-              renderSlot(_ctx.$slots, "right", {}, void 0, true)
+              renderSlot(_ctx.$slots, "right", { listLayoutRecommended }, void 0, true)
             ], 4)
           ]),
           _: 3

package/es/components/display/ShadowClone.vue.mjs

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderSlot, unref, createBlock, Teleport, createCommentVNode } from "vue";
+import { useShadowTarget } from "./use-shadow-target.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ShadowClone",
+  props: {
+    to: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { targetValid } = useShadowTarget({
+      to: () => props.to,
+      disabled: () => !!props.disabled
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        unref(targetValid) ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: __props.to
+        }, [
+          renderSlot(_ctx.$slots, "clone", {}, () => [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 8, ["to"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/display/ShadowClone.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ShadowClone.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/display/use-shadow-target.mjs

@@ -0,0 +1,76 @@
+import { ref, watch, nextTick } from "vue";
+import { useActivated } from "../../hooks/activated.mjs";
+function useShadowTarget(options) {
+  const { to, disabled } = options;
+  const targetValid = ref(false);
+  let mo;
+  let lastTarget = null;
+  function resolveTarget() {
+    const t = to();
+    if (!t || disabled()) {
+      return null;
+    }
+    if (typeof t === "string") {
+      return t.trim() ? document.querySelector(t) : null;
+    }
+    return t;
+  }
+  function startWatch() {
+    if (mo) {
+      return;
+    }
+    mo = new MutationObserver(() => {
+      if (lastTarget && lastTarget.isConnected) {
+        return;
+      }
+      const found = resolveTarget();
+      if (found && found !== lastTarget) {
+        targetValid.value = false;
+        nextTick(() => {
+          targetValid.value = true;
+        });
+      } else {
+        targetValid.value = !!found;
+      }
+      lastTarget = found;
+    });
+    mo.observe(document.body, { childList: true, subtree: true });
+  }
+  function stopAll() {
+    mo == null ? void 0 : mo.disconnect();
+    mo = void 0;
+  }
+  function bind() {
+    const target = resolveTarget();
+    lastTarget = target;
+    if (target) {
+      targetValid.value = true;
+    } else {
+      targetValid.value = false;
+    }
+    startWatch();
+  }
+  function unbind() {
+    stopAll();
+    lastTarget = null;
+    targetValid.value = false;
+  }
+  useActivated((info) => {
+    if (info.isActivated) {
+      bind();
+    } else {
+      unbind();
+    }
+  });
+  watch(disabled, (off) => {
+    if (off) {
+      unbind();
+    } else {
+      bind();
+    }
+  });
+  return { targetValid };
+}
+export {
+  useShadowTarget
+};

package/es/components/form/FormActiveFilter.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormActiveFilter.vue2.mjs";
+/* empty css                       */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormActiveFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d2d37c2"]]);
+export {
+  FormActiveFilter as default
+};

package/es/components/form/FormActiveFilter.vue2.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, withCtx, createElementVNode, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { ElTag } from "element-plus";
+import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
+const _hoisted_1 = { class: "dc-form-active-filter form-active-filter" };
+const _hoisted_2 = {
+  key: 0,
+  class: "form-active-filter__empty"
+};
+const _hoisted_3 = { class: "form-active-filter__label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormActiveFilter",
+  props: {
+    filters: {},
+    allowClear: { type: Boolean }
+  },
+  emits: ["remove", "clear"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function emitRemove(entry) {
+      emit("remove", entry);
+    }
+    function emitClear() {
+      emit("clear");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.filters.length ? (openBlock(), createElementBlock("span", _hoisted_2, " 暂无生效筛选条件 ")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.filters, (f) => {
+            return openBlock(), createBlock(unref(ElTag), {
+              key: f.field,
+              class: "form-active-filter__tag",
+              closable: "",
+              onClose: ($event) => emitRemove(f)
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_3, toDisplayString(f.label), 1),
+                createTextVNode("： " + toDisplayString(f.displayValue), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"]);
+          }), 128)),
+          __props.allowClear ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            size: "small",
+            text: "",
+            type: "primary",
+            class: "form-active-filter__clear",
+            onClick: emitClear
+          }, {
+            default: withCtx(() => [..._cache[0] || (_cache[0] = [
+              createTextVNode(" 清除全部 ", -1)
+            ])]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ], 64))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormInput.vue.mjs

@@ -0,0 +1,27 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
+import { ElInput } from "element-plus";
+import { usePasswordAutofill } from "./use-password-autofill.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormInput",
+  props: {
+    type: {},
+    showPassword: { type: Boolean },
+    passwordAutoComplete: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { inputType, autocompleteOut, showPasswordOut } = usePasswordAutofill(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), mergeProps(_ctx.$attrs, {
+        class: "dc-form-input",
+        type: unref(inputType),
+        autocomplete: unref(autocompleteOut),
+        "show-password": unref(showPasswordOut)
+      }), null, 16, ["type", "autocomplete", "show-password"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormInput.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./FormInput.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/form/FormInputShadowClone.vue.mjs

@@ -0,0 +1,47 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, unref } from "vue";
+import _sfc_main$1 from "./FormInput.vue.mjs";
+import FormShadowCloneDispatch from "./FormShadowCloneDispatch.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormInputShadowClone",
+  props: {
+    modelValue: {},
+    shadowClone: { type: Boolean },
+    teleportTo: {},
+    label: {},
+    isHighlighted: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrsCast = useAttrs();
+    const highlighted = computed(() => {
+      const v = props.modelValue;
+      return props.isHighlighted ? props.isHighlighted(v) : v !== null && v !== void 0 && v !== "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormShadowCloneDispatch, {
+        "shadow-clone": __props.shadowClone,
+        "teleport-to": __props.teleportTo,
+        label: __props.label,
+        highlighted: highlighted.value
+      }, {
+        clone: withCtx(() => [
+          createVNode(_sfc_main$1, mergeProps({ "model-value": __props.modelValue }, unref(attrsCast), {
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+          }), null, 16, ["model-value"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, mergeProps({ "model-value": __props.modelValue }, unref(attrsCast), {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+          }), null, 16, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["shadow-clone", "teleport-to", "label", "highlighted"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormInputShadowClone.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./FormInputShadowClone.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/form/FormMain.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./FormMain.vue2.mjs";
 /* empty css               */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const FormMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc2ea388"]]);
+const FormMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fca51c0e"]]);
 export {
   FormMain as default
 };

package/es/components/form/FormMain.vue2.mjs

@@ -53,6 +53,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const validate = async () => {
       if (!elForm.value) return Promise.reject(new Error(`实例化未完成`));
+      if (loadingList.value.length) {
+        const first = loadingList.value[0];
+        return Promise.reject(new Error(`${first.label}${first.message}`));
+      }
       const selfValidate = new Promise((resolve, reject) => {
         var _a;
         (_a = elForm.value) == null ? void 0 : _a.validate((valid, error) => {
@@ -114,31 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return prev;
       }, {});
     });
-    const loadingRules = computed(() => {
-      return loadingList.value.reduce(
-        (prev, cur) => {
-          prev[cur.key] = [
-            {
-              validator: () => [new Error(`${cur.label}${cur.message}`)]
-            }
-          ];
-          return prev;
-        },
-        {}
-      );
-    });
-    const rules = computed(() => {
-      const defaultKeys = Object.keys(defaultRules.value);
-      const loadingKeys = Object.keys(loadingRules.value);
-      const keys = [...new Set(defaultKeys.concat(loadingKeys))];
-      return keys.reduce((prev, cur) => {
-        prev[cur] = [
-          ...defaultRules.value[cur] || [],
-          ...loadingRules.value[cur] || []
-        ];
-        return prev;
-      }, {});
-    });
+    const rules = computed(() => defaultRules.value);
     const changeLoading = ({ key, message }) => {
       if (!key) {
         return console.error(`更新状态未传入key, 此处忽略`);

package/es/components/form/FormSelectShadowClone.vue.mjs

@@ -0,0 +1,57 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, unref, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import FormShadowCloneDispatch from "./FormShadowCloneDispatch.vue.mjs";
+import _sfc_main$1 from "./FormSelect.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormSelectShadowClone",
+  props: {
+    modelValue: {},
+    shadowClone: { type: Boolean },
+    teleportTo: {},
+    label: {},
+    isHighlighted: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrsCast = useAttrs();
+    const highlighted = computed(() => {
+      const v = props.modelValue;
+      return props.isHighlighted ? props.isHighlighted(v) : v !== null && v !== void 0 && v !== "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormShadowCloneDispatch, {
+        "shadow-clone": __props.shadowClone,
+        "teleport-to": __props.teleportTo,
+        label: __props.label,
+        highlighted: highlighted.value
+      }, {
+        clone: withCtx(() => [
+          createVNode(_sfc_main$1, mergeProps({ "model-value": __props.modelValue }, unref(attrsCast), {
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+          }), {
+            option: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            _: 3
+          }, 16, ["model-value"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, mergeProps({ "model-value": __props.modelValue }, unref(attrsCast), {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+          }), {
+            option: withCtx((scope) => [
+              renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(scope)))
+            ]),
+            _: 3
+          }, 16, ["model-value"])
+        ]),
+        _: 3
+      }, 8, ["shadow-clone", "teleport-to", "label", "highlighted"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormSelectShadowClone.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./FormSelectShadowClone.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/form/FormShadowCloneDispatch.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormShadowCloneDispatch.vue2.mjs";
+/* empty css                              */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormShadowCloneDispatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5096627a"]]);
+export {
+  FormShadowCloneDispatch as default
+};

package/es/components/form/FormShadowCloneDispatch.vue2.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { ElPopover, ElButton, ElIcon } from "element-plus";
+import { Filter } from "@element-plus/icons-vue";
+import _sfc_main$1 from "../display/ShadowClone.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "dc-form-shadow-clone-dispatch__label"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormShadowCloneDispatch",
+  props: {
+    shadowClone: { type: Boolean, default: false },
+    teleportTo: {},
+    label: {},
+    highlighted: { type: Boolean, default: false },
+    popoverWidth: { default: 220 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.shadowClone && __props.teleportTo ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        key: 0,
+        to: __props.teleportTo
+      }, {
+        clone: withCtx(() => [
+          createVNode(unref(ElPopover), {
+            trigger: "click",
+            placement: "bottom-start",
+            width: __props.popoverWidth
+          }, {
+            reference: withCtx(() => [
+              createElementVNode("span", {
+                class: normalizeClass(["dc-form-shadow-clone-dispatch", { "dc-form-shadow-clone-dispatch--active": __props.highlighted }])
+              }, [
+                __props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+                createVNode(unref(ElButton), {
+                  class: "dc-form-filter-funnel",
+                  size: "small",
+                  text: "",
+                  circle: ""
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElIcon), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(Filter))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "clone", { highlighted: __props.highlighted }, () => [
+                renderSlot(_ctx.$slots, "default", { highlighted: __props.highlighted }, void 0, true)
+              ], true)
+            ]),
+            _: 3
+          }, 8, ["width"])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", { highlighted: __props.highlighted }, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["to"])) : renderSlot(_ctx.$slots, "default", {
+        key: 1,
+        highlighted: __props.highlighted
+      }, void 0, true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormSortSwitch.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormSortSwitch.vue2.mjs";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormSortSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9aa4f615"]]);
+export {
+  FormSortSwitch as default
+};