@wfrog/vc-ui 1.5.3 → 1.6.1

package/dist/es/chunk/CL65DvCP.mjs

@@ -0,0 +1,25 @@
+const vFocus = {
+  mounted: (el) => {
+    let input;
+    if (el.tagName === "input") {
+      input = el;
+    } else {
+      const elInput = el.getElementsByTagName("input");
+      if (elInput.length > 0) {
+        input = elInput[0];
+      }
+    }
+    if (input) {
+      setTimeout(() => input.focus(), 0);
+      const len = input.value.length;
+      input.setSelectionRange(len, len);
+    }
+  }
+};
+
+const __vite_glob_0_1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: vFocus
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_1 as _, vFocus as v };

package/dist/es/chunk/DRLHgORP.mjs

@@ -0,0 +1,26 @@
+import { i as index } from './BaJ7k5Lg.mjs';
+import 'vue';
+import './D9iEroQw.mjs';
+
+const cleave = {
+  mounted: async (el, binding) => {
+    const Cleave = await index.loadCdnSingle("cleave");
+    const [elInput] = el.getElementsByTagName("input");
+    elInput.cleave = new Cleave(elInput, binding.value || {});
+  },
+  updated: (el) => {
+    const event = new Event("input", { bubbles: true });
+    const [elInput] = el.getElementsByTagName("input");
+    setTimeout(() => {
+      elInput.value = elInput.cleave.properties.result;
+      elInput.dispatchEvent(event);
+    }, 100);
+  }
+};
+
+const __vite_glob_0_0 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: cleave
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_0 as _, cleave as c };

package/dist/es/chunk/Mq_fqKb4.mjs

@@ -0,0 +1,41 @@
+import { i as index } from './BaJ7k5Lg.mjs';
+import 'vue';
+import './D9iEroQw.mjs';
+
+const thousand = {
+  mounted: async (el, binding) => {
+    const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
+    elInput.style.textAlign = "right";
+    elInput.style.fontFamily = "Pathway Gothic One";
+    const disabled = elInput.disabled;
+    elInput.disabled = true;
+    const Cleave = await index.loadCdnSingle("cleave");
+    const option = { decimalScale: 2, integerScale: 0, prefix: "", ...binding.value };
+    elInput.cleave = new Cleave(elInput, {
+      numeral: true,
+      numeralThousandsGroupStyle: "thousand",
+      numeralDecimalScale: option.decimalScale,
+      numeralIntegerScale: option.integerScale,
+      prefix: option.prefix
+    });
+    elInput.value = elInput.cleave?.properties?.result || "";
+    elInput.disabled = disabled;
+  },
+  updated: (el, binding) => {
+    setTimeout(() => {
+      const event = new Event("input", { bubbles: true });
+      const elInput = el.getElementsByTagName("input")[binding.value?.elInputIndex || 0] || el.getElementsByTagName("input")[0];
+      elInput.dispatchEvent(event);
+      if (elInput.cleave) {
+        elInput.value = elInput.cleave?.properties?.result || "";
+      }
+    }, 0);
+  }
+};
+
+const __vite_glob_0_2 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: thousand
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { __vite_glob_0_2 as _, thousand as t };

package/dist/es/components/explorer-container/explorer-container.mjs

@@ -54,12 +54,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_1sfkk_8";
-const icon = "_icon_1sfkk_26";
+/* unplugin-vue-components disabled */const header = "_header_4odhg_8";
+const icon = "_icon_4odhg_26";
 const style0 = {
-	"explorer-container": "_explorer-container_1sfkk_1",
+	"explorer-container": "_explorer-container_4odhg_1",
 	header: header,
-	"header-container": "_header-container_1sfkk_22",
+	"header-container": "_header-container_4odhg_22",
 	icon: icon
 };
 

package/dist/es/components/explorer-container/index.css

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-container/explorer-container.vue */
-._explorer-container_1sfkk_1 {
+._explorer-container_4odhg_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_1sfkk_8 {
+._header_4odhg_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -18,9 +18,11 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_1sfkk_22 {
-  font-size: 1.2em;
+._header-container_4odhg_22 {
+  font-size: var(--el-font-size-medium);
 }
-._icon_1sfkk_26 {
+._icon_4odhg_26 {
   margin-right: 4px;
+  font-size: 1.1em;
+  transform: translateY(1px);
 }

package/dist/es/components/explorer-form/explorer-form.d.ts

@@ -12,8 +12,8 @@ export interface IExplorerFormProps {
     autoInitial?: boolean;
     defaultEditing?: boolean;
     labelPosition?: FormProps['labelPosition'];
-    onCancel?: () => void | Promise<void>;
-    onSave?: (data: Record<string, any>) => void | Promise<void>;
+    onCancel?: () => void | Promise<void> | Promise<() => void | Promise<void>>;
+    onSave?: (data: Record<string, any>) => void | Promise<void> | Promise<() => void | Promise<void>>;
 }
 export interface IExplorerFormEmits {
     (e: 'clickEdit'): void;

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } }
   },
   emits: ["clickEdit"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const isEditing = ref(false);
@@ -37,17 +37,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function handleCancel() {
       formRef.value.resetFields();
-      await props.onCancel();
+      const cb = await props.onCancel();
       isEditing.value = false;
+      typeof cb === "function" && await cb();
     }
     async function handleSave() {
       const valid = await formRef.value.validate();
       if (!valid) {
         return;
       }
-      await props.onSave(props.form.fields);
-      formRef.value?.setInitialValues(props.form.fields);
-      isEditing.value = false;
+      let cb = null;
+      try {
+        loading.value = true;
+        cb = await props.onSave(props.form.fields);
+        formRef.value?.setInitialValues(props.form.fields);
+        isEditing.value = false;
+      } finally {
+        loading.value = false;
+      }
+      typeof cb === "function" && await cb();
     }
     const editingWatch = watch(() => props.defaultEditing, (val) => {
       isEditing.value = val;
@@ -58,6 +66,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const initialValuesWatch = watch(() => props.initialValues, () => {
       props.initialValues && formRef.value?.setInitialValues(props.initialValues);
     }, { immediate: true, deep: true });
+    __expose({
+      toggleIsEditing: (val) => {
+        isEditing.value = val ?? !isEditing.value;
+      }
+    });
     onBeforeUnmount(() => {
       initialValuesWatch.stop();
       autoInitialWatch.stop();
@@ -148,13 +161,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_gacal_8";
-const icon = "_icon_gacal_25";
-const actions = "_actions_gacal_29";
+/* unplugin-vue-components disabled */const header = "_header_19l5u_8";
+const icon = "_icon_19l5u_25";
+const actions = "_actions_19l5u_31";
 const style0 = {
-	"explorer-form": "_explorer-form_gacal_1",
+	"explorer-form": "_explorer-form_19l5u_1",
 	header: header,
-	"header-container": "_header-container_gacal_21",
+	"header-container": "_header-container_19l5u_21",
 	icon: icon,
 	actions: actions
 };

package/dist/es/components/explorer-form/explorer-form.vue.d.ts

@@ -192,14 +192,16 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps, {
+    toggleIsEditing: (val?: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     clickEdit: () => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerFormProps> & Readonly<{
     onClickEdit?: (() => any) | undefined;
 }>, {
     icon: string;
-    onCancel: () => void | Promise<void>;
-    onSave: (data: Record<string, any>) => void | Promise<void>;
+    onCancel: () => void | Promise<void> | Promise<() => void | Promise<void>>;
+    onSave: (data: Record<string, any>) => void | Promise<void> | Promise<() => void | Promise<void>>;
     labelPosition: import('element-plus').FormProps["labelPosition"];
     autoInitial: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/es/components/explorer-form/index.css

@@ -1,11 +1,11 @@
 /* source: src/components/explorer-form/explorer-form.vue */
-._explorer-form_gacal_1 {
+._explorer-form_19l5u_1 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   height: 100px;
 }
-._header_gacal_8 {
+._header_19l5u_8 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -17,17 +17,19 @@
   flex-wrap: wrap;
   row-gap: 8px;
 }
-._header-container_gacal_21 {
-  font-size: 1.2em;
+._header-container_19l5u_21 {
+  font-size: var(--el-font-size-medium);
 }
-._icon_gacal_25 {
+._icon_19l5u_25 {
   margin-right: 4px;
+  font-size: 1.1em;
+  transform: translateY(1px);
 }
-._actions_gacal_29 {
+._actions_19l5u_31 {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-._actions_gacal_29 .el-button {
+._actions_19l5u_31 .el-button {
   margin-left: 0 !important;
 }

package/dist/es/components/explorer-list/explorer-list.d.ts

@@ -7,7 +7,7 @@ export interface IExplorerListItem<T = any> {
 }
 export interface IExplorerListProps {
     data?: IExplorerListItem[];
-    actions?: ('create' | 'modify' | 'remove')[];
+    actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
     emptyText?: string;
     loading?: boolean;
@@ -20,4 +20,6 @@ export interface IExplorerListEmits {
     (e: 'create', value: string | number, item: IExplorerListItem): void;
     (e: 'modify', value: string | number, item: IExplorerListItem): void;
     (e: 'remove', value: string | number, item: IExplorerListItem): void;
+    (e: 'up', value: string | number, node: Node): void;
+    (e: 'down', value: string | number, node: Node): void;
 }

package/dist/es/components/explorer-list/explorer-list.mjs

@@ -1,6 +1,6 @@
 import './index.css'
 import '../../chunk/By7FMB3I.mjs';
-import { defineComponent, ref, computed, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, Fragment, renderList, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, ref, computed, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, unref, normalizeClass, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow, createVNode } from 'vue';
 import { Loading } from '@element-plus/icons-vue';
 import { C as Component$3 } from '../button/button.mjs';
 import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
@@ -24,12 +24,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return { msg: `确定要删除 ${item.label} 吗？` };
     } }
   },
-  emits: ["itemClick", "create", "modify", "remove"],
+  emits: ["itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { filterKeyword } = injectExplorerPanelState();
     const actived = ref();
+    const actionsMapping = {
+      create: { title: "新增", type: "primary", icon: "Plus" },
+      modify: { title: "修改", type: "primary", icon: "Edit" },
+      remove: { title: "删除", type: "danger", icon: "Delete" },
+      up: { title: "上移", type: "success", icon: "Top" },
+      down: { title: "下移", type: "success", icon: "Bottom" }
+    };
     const filterMethod = props.filterMethod || ((keyword, item) => {
       return item.label.toLowerCase().includes(keyword.toLowerCase());
     });
@@ -53,67 +60,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_ElIcon = ElIcon;
       return openBlock(), createBlock(Component$1, { always: "" }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: item.value,
-              class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
-              onClick: (e) => handleClick(item, e)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style.label)
-              }, [
-                renderSlot(_ctx.$slots, "default", {
-                  data: item,
-                  index
-                }, () => [
-                  item.icon ? (openBlock(), createBlock(Component$2, {
-                    key: 0,
-                    name: item.icon,
-                    class: normalizeClass(_ctx.$style.icon)
-                  }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                  createTextVNode(toDisplayString(item.label), 1)
-                ])
-              ], 2),
-              __props.actions.length ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(_ctx.$style.actions)
+          withDirectives(createElementVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.value,
+                class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
+                onClick: (e) => handleClick(item, e)
               }, [
-                __props.actions.includes("create") ? (openBlock(), createBlock(Component$3, {
+                createElementVNode("div", {
+                  class: normalizeClass(_ctx.$style.label)
+                }, [
+                  renderSlot(_ctx.$slots, "default", {
+                    data: item,
+                    index
+                  }, () => [
+                    item.icon ? (openBlock(), createBlock(Component$2, {
+                      key: 0,
+                      name: item.icon,
+                      class: normalizeClass(_ctx.$style.icon)
+                    }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ])
+                ], 2),
+                __props.actions.length ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  title: "新增",
-                  type: "success",
-                  link: "",
-                  icon: { type: "el", name: "Plus" },
-                  stop: "",
-                  onClick: ($event) => emits("create", item.value, item)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                __props.actions.includes("modify") ? (openBlock(), createBlock(Component$3, {
-                  key: 1,
-                  title: "修改",
-                  type: "primary",
-                  link: "",
-                  icon: { type: "el", name: "Edit" },
-                  stop: "",
-                  onClick: ($event) => emits("modify", item.value, item)
-                }, null, 8, ["onClick"])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "action", {
-                  data: item,
-                  index
-                }),
-                __props.actions.includes("remove") ? (openBlock(), createBlock(Component$3, {
-                  key: 2,
-                  title: "删除",
-                  type: "danger",
-                  link: "",
-                  icon: { type: "el", name: "Delete" },
-                  confirm: __props.confirmParams(item),
-                  stop: "",
-                  class: normalizeClass(_ctx.$style.remove),
-                  onClick: ($event) => emits("remove", item.value, item)
-                }, null, 8, ["confirm", "class", "onClick"])) : createCommentVNode("", true)
-              ], 2)) : createCommentVNode("", true)
-            ], 10, _hoisted_1);
-          }), 128)),
+                  class: normalizeClass(_ctx.$style.actions)
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
+                    return openBlock(), createElementBlock(Fragment, { key: action }, [
+                      action === "action" ? renderSlot(_ctx.$slots, "action", {
+                        key: 0,
+                        data: item,
+                        index
+                      }) : (openBlock(), createBlock(Component$3, mergeProps({
+                        key: 1,
+                        ref_for: true
+                      }, actionsMapping[action], {
+                        confirm: action === "remove" ? __props.confirmParams(item) : void 0,
+                        link: "",
+                        icon: { type: "el", name: actionsMapping[action].icon },
+                        stop: "",
+                        onClick: ($event) => emits(action, item.value, item)
+                      }), null, 16, ["confirm", "icon", "onClick"]))
+                    ], 64);
+                  }), 128))
+                ], 2)) : createCommentVNode("", true)
+              ], 10, _hoisted_1);
+            }), 128))
+          ], 512), [
+            [vShow, !__props.loading]
+          ]),
           unref(isEmpty) && !__props.loading ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style.empty)
@@ -137,14 +133,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_5dblq_1";
-const actions = "_actions_5dblq_16";
-const active = "_active_5dblq_20";
-const label = "_label_5dblq_25";
-const icon = "_icon_5dblq_31";
-const remove = "_remove_5dblq_44";
-const empty = "_empty_5dblq_48";
-const loading = "_loading_5dblq_49";
+/* unplugin-vue-components disabled */const item = "_item_1xqvz_1";
+const actions = "_actions_1xqvz_16";
+const active = "_active_1xqvz_20";
+const label = "_label_1xqvz_25";
+const icon = "_icon_1xqvz_31";
+const remove = "_remove_1xqvz_48";
+const empty = "_empty_1xqvz_52";
+const loading = "_loading_1xqvz_53";
 const style0 = {
 	item: item,
 	actions: actions,

package/dist/es/components/explorer-list/explorer-list.vue.d.ts

@@ -21,18 +21,22 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     create: (value: string | number, item: IExplorerListItem<any>) => any;
     modify: (value: string | number, item: IExplorerListItem<any>) => any;
     remove: (value: string | number, item: IExplorerListItem<any>) => any;
+    up: (value: string | number, node: Node) => any;
+    down: (value: string | number, node: Node) => any;
     itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
     onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
     onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
     onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
+    onUp?: ((value: string | number, node: Node) => any) | undefined;
+    onDown?: ((value: string | number, node: Node) => any) | undefined;
     onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
 }>, {
     data: IExplorerListItem[];
     loadingText: string;
     emptyText: string;
     highlightCurrent: boolean;
-    actions: ("create" | "modify" | "remove")[];
+    actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
     confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/es/components/explorer-list/index.css

@@ -1,5 +1,5 @@
 /* source: src/components/explorer-list/explorer-list.vue */
-._item_5dblq_1 {
+._item_1xqvz_1 {
   padding: 4px 8px;
   cursor: pointer;
   display: flex;
@@ -11,38 +11,42 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_5dblq_1:hover {
+._item_1xqvz_1:hover {
   background-color: var(--el-color-primary-light-9);
 }
-._item_5dblq_1:hover ._actions_5dblq_16 {
+._item_1xqvz_1:hover ._actions_1xqvz_16 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_5dblq_1._active_5dblq_20 {
+._item_1xqvz_1._active_1xqvz_20 {
   color: var(--el-color-primary);
   background-color: var(--el-color-primary-light-9);
 }
-._label_5dblq_25 {
+._label_1xqvz_25 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_5dblq_31 {
+._icon_1xqvz_31 {
   margin-right: 4px;
 }
-._actions_5dblq_16 {
+._actions_1xqvz_16 {
   display: none;
   column-gap: 4px;
 }
-._actions_5dblq_16 > button {
+._actions_1xqvz_16 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
+  border: 1px solid var(--el-border-color-light) !important;
 }
-._remove_5dblq_44 {
+._actions_1xqvz_16 > button:hover {
+  border-color: var(--el-border-color-dark) !important;
+}
+._remove_1xqvz_48 {
   transform: translateY(-1px);
 }
-._empty_5dblq_48,
-._loading_5dblq_49 {
+._empty_1xqvz_52,
+._loading_1xqvz_53 {
   padding: 4px 8px;
   display: flex;
   align-items: center;

package/dist/es/components/explorer-tree/explorer-tree.d.ts

@@ -4,7 +4,7 @@ import { ComponentInternalInstance } from 'vue';
 import { IButtonProps } from '../button/button';
 export interface IExplorerTreeProps {
     data?: TreeComponentProps['data'];
-    actions?: ('create' | 'modify' | 'remove')[];
+    actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
     treeProps?: TreeComponentProps;
     emptyText?: string;
     defaultExpandAll?: boolean;
@@ -19,4 +19,6 @@ export interface IExplorerTreeEmits {
     (e: 'create', value: string | number, node: Node): void;
     (e: 'modify', value: string | number, node: Node): void;
     (e: 'remove', value: string | number, node: Node): void;
+    (e: 'up', value: string | number, node: Node): void;
+    (e: 'down', value: string | number, node: Node): void;
 }