ele-admin-plus 1.3.0-beta.3 → 1.3.0

package/lib/ele-file-list/components/file-grid-item.cjs

@@ -1,7 +1,11 @@
 "use strict";
 const vue = require("vue");
-const _sfc_main = vue.defineComponent({
-  name: "FileGridItem",
+const _hoisted_1 = { class: "ele-file-list-item-icon" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["title"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "FileGridItem" },
+  __name: "file-grid-item",
   props: {
     /** 数据 */
     item: {
@@ -24,7 +28,9 @@ const _sfc_main = vue.defineComponent({
     checkChange: (_item) => true,
     contextOpen: (_option) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const dropdownTriggerRef = vue.ref(null);
     const selectable = vue.computed(() => {
       return props.selectionType === "checkbox" || props.selectionType === "radio";
@@ -77,74 +83,53 @@ const _sfc_main = vue.defineComponent({
         });
       }
     };
-    return {
-      dropdownTriggerRef,
-      selectable,
-      selected,
-      icon,
-      handleClick,
-      handleCheckChange,
-      handleContextmenu
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([
+          "ele-file-list-item",
+          { "is-checked": selected.value },
+          { "is-active": __props.ctxMenuDropdownVisible }
+        ]),
+        onClick: vue.withModifiers(handleClick, ["stop"])
+      }, [
+        vue.createElementVNode("div", {
+          class: "ele-file-list-item-body",
+          onContextmenu: handleContextmenu
+        }, [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "icon", {
+              icon: icon.value,
+              item: __props.item
+            }, () => [
+              vue.createElementVNode("img", {
+                src: icon.value,
+                class: vue.normalizeClass({ "ele-file-list-item-image": !!__props.item.thumbnail })
+              }, null, 10, _hoisted_2)
+            ])
+          ]),
+          vue.renderSlot(_ctx.$slots, "title", { item: __props.item }, () => [
+            vue.createElementVNode("div", {
+              title: __props.item.name,
+              class: "ele-file-list-item-title"
+            }, vue.toDisplayString(__props.item.name), 9, _hoisted_3)
+          ])
+        ], 32),
+        selectable.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ele-file-list-item-checkbox",
+          onClick: vue.withModifiers(handleCheckChange, ["stop"])
+        }, _cache[1] || (_cache[1] = [
+          vue.createElementVNode("i", { class: "ele-file-list-checkbox is-checked" }, null, -1)
+        ]))) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          ref_key: "dropdownTriggerRef",
+          ref: dropdownTriggerRef,
+          class: "ele-file-list-item-dropdown",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"]))
+        }, null, 512)
+      ], 2);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-file-list-item-icon" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("i", { class: "ele-file-list-checkbox is-checked" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([
-      "ele-file-list-item",
-      { "is-checked": _ctx.selected },
-      { "is-active": _ctx.ctxMenuDropdownVisible }
-    ]),
-    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-  }, [
-    vue.createElementVNode("div", {
-      class: "ele-file-list-item-body",
-      onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.handleContextmenu && _ctx.handleContextmenu(...args))
-    }, [
-      vue.createElementVNode("div", _hoisted_1, [
-        vue.renderSlot(_ctx.$slots, "icon", {
-          icon: _ctx.icon,
-          item: _ctx.item
-        }, () => [
-          vue.createElementVNode("img", {
-            src: _ctx.icon,
-            class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
-          }, null, 10, _hoisted_2)
-        ])
-      ]),
-      vue.renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
-        vue.createElementVNode("div", {
-          title: _ctx.item.name,
-          class: "ele-file-list-item-title"
-        }, vue.toDisplayString(_ctx.item.name), 9, _hoisted_3)
-      ])
-    ], 32),
-    _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: "ele-file-list-item-checkbox",
-      onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleCheckChange && _ctx.handleCheckChange(...args), ["stop"]))
-    }, _hoisted_5)) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      ref: "dropdownTriggerRef",
-      class: "ele-file-list-item-dropdown",
-      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
-      }, ["stop"]))
-    }, null, 512)
-  ], 2);
-}
-const fileGridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = fileGridItem;
+module.exports = _sfc_main;

package/lib/ele-file-list/components/file-grid-item.d.ts

@@ -1,7 +1,16 @@
 import { PropType } from 'vue';
 import { IconItem, FileItem, SelectionType, ContextOpenOption } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    icon?(_: {
+        icon: string | undefined;
+        item: FileItem;
+    }): any;
+    title?(_: {
+        item: FileItem;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: {
         type: PropType<FileItem>;
@@ -17,18 +26,10 @@ declare const _default: import('vue').DefineComponent<{
     icons: PropType<IconItem[]>;
     /** 右键下拉菜单是否显示 */
     ctxMenuDropdownVisible: BooleanConstructor;
-}, {
-    dropdownTriggerRef: import('vue').Ref<HTMLElement | null>;
-    selectable: import('vue').ComputedRef<boolean>;
-    selected: import('vue').ComputedRef<boolean>;
-    icon: import('vue').ComputedRef<string | undefined>;
-    handleClick: () => void;
-    handleCheckChange: () => void;
-    handleContextmenu: (e: MouseEvent) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (_item: FileItem) => true;
-    checkChange: (_item: FileItem) => true;
-    contextOpen: (_option: ContextOpenOption) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_item: FileItem) => void;
+    checkChange: (_item: FileItem) => void;
+    contextOpen: (_option: ContextOpenOption) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 数据 */
     item: {
@@ -45,11 +46,17 @@ declare const _default: import('vue').DefineComponent<{
     icons: PropType<IconItem[]>;
     /** 右键下拉菜单是否显示 */
     ctxMenuDropdownVisible: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((_item: FileItem) => any) | undefined;
     onCheckChange?: ((_item: FileItem) => any) | undefined;
     onContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
-}, {
+}>, {
     ctxMenuDropdownVisible: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-file-list/components/file-grid.cjs

@@ -2,9 +2,14 @@
 const vue = require("vue");
 const ReceiverView = require("../../ele-config-provider/components/receiver-view");
 const FileGridItem = require("./file-grid-item");
-const _sfc_main = vue.defineComponent({
-  name: "FileGrid",
-  components: { ReceiverView, FileGridItem },
+const _hoisted_1 = {
+  key: 0,
+  class: "ele-file-list-header"
+};
+const _hoisted_2 = { class: "ele-file-list-body" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "FileGrid" },
+  __name: "file-grid",
   props: {
     /** 文件数据 */
     data: Array,
@@ -35,7 +40,9 @@ const _sfc_main = vue.defineComponent({
     itemCheckChange: (_item) => true,
     itemContextOpen: (_option) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const headerText = vue.computed(() => {
       if (!props.selections || !props.selections.length) {
         return props.checkAllText;
@@ -60,75 +67,53 @@ const _sfc_main = vue.defineComponent({
     const handleItemContextOpen = (option) => {
       emit("itemContextOpen", option);
     };
-    return {
-      headerText,
-      handleCheckAllChange,
-      handleItemClick,
-      handleItemCheckChange,
-      handleItemContextOpen
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(ReceiverView, { class: "ele-file-list" }, {
+        default: vue.withCtx(() => [
+          __props.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createElementVNode("div", {
+              class: "ele-file-list-selection",
+              onClick: vue.withModifiers(handleCheckAllChange, ["stop"])
+            }, [
+              vue.createElementVNode("i", {
+                class: vue.normalizeClass([
+                  "ele-file-list-checkbox",
+                  { "is-checked": __props.isCheckAll },
+                  { "is-indeterminate": __props.isIndeterminate }
+                ])
+              }, null, 2),
+              vue.createElementVNode("div", null, vue.toDisplayString(headerText.value), 1)
+            ])
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (item) => {
+              return vue.openBlock(), vue.createBlock(FileGridItem, {
+                key: item.key,
+                item,
+                selectionType: __props.selectionType,
+                selections: __props.selections,
+                current: __props.current,
+                icons: __props.icons,
+                ctxMenuDropdownVisible: __props.ctxMenuDropdownVisible && __props.contextMenuFileItem === item,
+                onClick: handleItemClick,
+                onCheckChange: handleItemCheckChange,
+                onContextOpen: handleItemContextOpen
+              }, vue.createSlots({ _: 2 }, [
+                vue.renderList(Object.keys(_ctx.$slots), (name) => {
+                  return {
+                    name,
+                    fn: vue.withCtx((slotProps) => [
+                      vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
+                    ])
+                  };
+                })
+              ]), 1032, ["item", "selectionType", "selections", "current", "icons", "ctxMenuDropdownVisible"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      });
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-file-list-header"
-};
-const _hoisted_2 = { class: "ele-file-list-body" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FileGridItem = vue.resolveComponent("FileGridItem");
-  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
-  return vue.openBlock(), vue.createBlock(_component_ReceiverView, { class: "ele-file-list" }, {
-    default: vue.withCtx(() => [
-      _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: "ele-file-list-selection",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCheckAllChange && _ctx.handleCheckAllChange(...args), ["stop"]))
-        }, [
-          vue.createElementVNode("i", {
-            class: vue.normalizeClass([
-              "ele-file-list-checkbox",
-              { "is-checked": _ctx.isCheckAll },
-              { "is-indeterminate": _ctx.isIndeterminate }
-            ])
-          }, null, 2),
-          vue.createElementVNode("div", null, vue.toDisplayString(_ctx.headerText), 1)
-        ])
-      ])) : vue.createCommentVNode("", true),
-      vue.createElementVNode("div", _hoisted_2, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-          return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
-            key: item.key,
-            item,
-            selectionType: _ctx.selectionType,
-            selections: _ctx.selections,
-            current: _ctx.current,
-            icons: _ctx.icons,
-            ctxMenuDropdownVisible: _ctx.ctxMenuDropdownVisible && _ctx.contextMenuFileItem === item,
-            onClick: _ctx.handleItemClick,
-            onCheckChange: _ctx.handleItemCheckChange,
-            onContextOpen: _ctx.handleItemContextOpen
-          }, vue.createSlots({ _: 2 }, [
-            vue.renderList(Object.keys(_ctx.$slots), (name) => {
-              return {
-                name,
-                fn: vue.withCtx((slotProps) => [
-                  vue.renderSlot(_ctx.$slots, name, vue.mergeProps({ ref_for: true }, slotProps || {}))
-                ])
-              };
-            })
-          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "ctxMenuDropdownVisible", "onClick", "onCheckChange", "onContextOpen"]);
-        }), 128))
-      ])
-    ]),
-    _: 3
-  });
-}
-const fileGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = fileGrid;
+module.exports = _sfc_main;

package/lib/ele-file-list/components/file-grid.d.ts

@@ -1,7 +1,8 @@
 import { PropType } from 'vue';
 import { IconItem, FileItem, SelectionType, ContextOpenOption } from '../types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 文件数据 */
     data: PropType<FileItem[]>;
     /** 后缀对应的图标 */
@@ -24,17 +25,11 @@ declare const _default: import('vue').DefineComponent<{
     ctxMenuDropdownVisible: BooleanConstructor;
     /** 当前打开的右键菜单对应的文件数据 */
     contextMenuFileItem: PropType<FileItem | null>;
-}, {
-    headerText: import('vue').ComputedRef<string | undefined>;
-    handleCheckAllChange: () => void;
-    handleItemClick: (item: FileItem) => void;
-    handleItemCheckChange: (item: FileItem) => void;
-    handleItemContextOpen: (option: ContextOpenOption) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    checkAllChange: () => true;
-    itemClick: (_item: FileItem) => true;
-    itemCheckChange: (_item: FileItem) => true;
-    itemContextOpen: (_option: ContextOpenOption) => true;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: FileItem) => void;
+    checkAllChange: () => void;
+    itemCheckChange: (_item: FileItem) => void;
+    itemContextOpen: (_option: ContextOpenOption) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 文件数据 */
     data: PropType<FileItem[]>;
@@ -58,14 +53,20 @@ declare const _default: import('vue').DefineComponent<{
     ctxMenuDropdownVisible: BooleanConstructor;
     /** 当前打开的右键菜单对应的文件数据 */
     contextMenuFileItem: PropType<FileItem | null>;
-}>> & {
+}>> & Readonly<{
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
     onItemContextOpen?: ((_option: ContextOpenOption) => any) | undefined;
-}, {
+}>, {
     ctxMenuDropdownVisible: boolean;
     isCheckAll: boolean;
     isIndeterminate: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-file-list/components/file-sort.cjs

@@ -1,7 +1,8 @@
 "use strict";
 const vue = require("vue");
-const _sfc_main = vue.defineComponent({
-  name: "FileSort",
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "FileSort" },
+  __name: "file-sort",
   props: {
     /** 当前排序字段 */
     sort: String,
@@ -12,23 +13,17 @@ const _sfc_main = vue.defineComponent({
       type: String,
       required: true
     }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("i", {
+        class: vue.normalizeClass([
+          "ele-file-list-item-sort",
+          { "is-asc": __props.name === __props.sort && "asc" === __props.order },
+          { "is-desc": __props.name === __props.sort && "desc" === __props.order }
+        ])
+      }, null, 2);
+    };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("i", {
-    class: vue.normalizeClass([
-      "ele-file-list-item-sort",
-      { "is-asc": _ctx.name === _ctx.sort && "asc" === _ctx.order },
-      { "is-desc": _ctx.name === _ctx.sort && "desc" === _ctx.order }
-    ])
-  }, null, 2);
-}
-const fileSort = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = fileSort;
+module.exports = _sfc_main;

package/lib/ele-file-list/components/file-sort.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 当前排序字段 */
     sort: StringConstructor;
     /** 当前排序方式 */
@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 当前排序字段 */
     sort: StringConstructor;
     /** 当前排序方式 */
@@ -18,5 +18,5 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;