@dt-frames/ui 2.0.16 → 2.0.17

package/es/components/tree/src/type/menu.d.ts

@@ -1,3 +1,4 @@
+import { Recordable } from "@dt-frames/core";
 export interface Axis {
     x: number;
     y: number;
@@ -21,6 +22,7 @@ export interface CreateContextOptions {
     icon?: string;
     styles?: any;
     items?: ContextMenuItem[];
+    node?: Recordable;
 }
 export interface ContextMenuProps {
     event?: MouseEvent;
@@ -30,4 +32,5 @@ export interface ContextMenuProps {
     axis?: Axis;
     width?: number;
     showIcon?: boolean;
+    node?: Recordable;
 }

package/es/components/tree/src/type/tree.d.ts

@@ -12,7 +12,6 @@ export interface FieldNames {
 }
 export interface TreeActionItem {
     render: (record: Recordable) => any;
-    show?: boolean | ((record: Recordable) => boolean);
 }
 export interface TreeItem extends TreeDataItem {
     icon?: any;

package/es/components/upload/index.js

@@ -2,12 +2,11 @@ import { Button, Upload, Image } from "ant-design-vue/es";
 import "ant-design-vue/es/image/style";
 import "ant-design-vue/es/upload/style";
 import "ant-design-vue/es/button/style";
-import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, normalizeClass, toDisplayString, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { takeRight, omit } from "lodash-es";
 import { useAppStore, useMessage, isString, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
 import { useModal, DtModal, useModalOut } from "../modal";
 import { DtIframe } from "../iframe";
-import { renderAsync } from "docx-preview";
 const basicProps = {
   uploadUrl: {
     type: Object
@@ -243,10 +242,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const PdfView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/PdfView.vue"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WordView",
   setup(__props) {
     const ID = `word-view-${Math.ceil(Math.random() * 1e6)}`;
+    const domRef = ref(null);
     const [register] = useModal({
       width: "900px",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
@@ -256,56 +264,68 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       wrapClassName: "dt-word",
       maskClosable: false,
       footer: null
-    }, (data) => {
+    }, async (data) => {
       const fileReader = new FileReader();
-      fileReader.addEventListener("load", (event) => {
-        const arrayBuffer = event.target.result;
-        renderAsync(arrayBuffer, document.getElementById(ID), null, {
-          className: "docx",
-          inWrapper: true,
-          ignoreWidth: false,
-          ignoreHeight: false,
-          ignoreFonts: false,
-          breakPages: true,
-          ignoreLastRenderedPageBreak: true,
-          experimental: false,
-          trimXmlDeclaration: true,
-          debug: false
-        }).then((rsp) => {
-          dispatchResize();
+      if (typeof window !== "undefined") {
+        let { renderAsync } = await import("docx-preview");
+        fileReader.addEventListener("load", (event) => {
+          const arrayBuffer = event.target.result;
+          renderAsync(arrayBuffer, unref(domRef), null, {
+            className: "docx",
+            inWrapper: true,
+            ignoreWidth: false,
+            ignoreHeight: false,
+            ignoreFonts: false,
+            breakPages: true,
+            ignoreLastRenderedPageBreak: true,
+            experimental: false,
+            trimXmlDeclaration: true,
+            debug: false
+          }).then((rsp) => {
+            dispatchResize();
+          });
         });
-      });
-      fileReader.readAsArrayBuffer(data.data);
+        fileReader.readAsArrayBuffer(data.data);
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DtModal), { onRegister: unref(register) }, {
         default: withCtx(() => [
           createElementVNode("div", {
+            ref_key: "domRef",
+            ref: domRef,
             id: ID,
             class: "word-view"
-          })
+          }, null, 512)
         ]),
         _: 1
       }, 8, ["onRegister"]);
     };
   }
 });
+const DocxView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/WordView.vue"]]);
 const _hoisted_1 = {
   key: 0,
   class: "flex items-center"
 };
 const _hoisted_2 = { class: "pl-3" };
-const _hoisted_3 = { class: "flex justify-between border border-solid border-gray-300 p-1 mt-2" };
-const _hoisted_4 = { class: "flex items-center" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "flex items-center" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
-const _hoisted_11 = [
-  _hoisted_9,
-  _hoisted_10
+const _hoisted_3 = { class: "flex items-center flex-1" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "flex-1 pr-4" };
+const _hoisted_6 = {
+  key: 0,
+  class: "ant-progress ant-progress-line ant-progress-default ant-progress-status-normal"
+};
+const _hoisted_7 = { class: "ant-progress-outer" };
+const _hoisted_8 = { class: "ant-progress-inner" };
+const _hoisted_9 = { class: "flex items-center" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
+const _hoisted_14 = [
+  _hoisted_12,
+  _hoisted_13
 ];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -484,15 +504,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null)
         }), createSlots({
           itemRender: withCtx(({ file, actions }) => [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", {
+              class: normalizeClass(["flex justify-between border border-solid border-gray-300 p-1 mt-2", file?.status === "error" ? "ant-upload-list-item-error" : ""])
+            }, [
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("img", {
                   src: unref(getFileThumb)(file.fileType),
                   class: "w-9 h-9 mr-2 p-1"
-                }, null, 8, _hoisted_5),
-                createElementVNode("span", null, toDisplayString(file.fileName), 1)
+                }, null, 8, _hoisted_4),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("span", null, toDisplayString(file.fileName || file.name), 1),
+                  createCommentVNode(" \u8BBE\u7F6E\u8FDB\u5EA6 "),
+                  file.percent < 100 && file.percent > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_7, [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("div", {
+                          class: "ant-progress-bg",
+                          style: normalizeStyle({
+                            width: `${file.percent}%`,
+                            height: "2px"
+                          })
+                        }, null, 4)
+                      ])
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ])
               ]),
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_9, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
                   return openBlock(), createElementBlock(Fragment, {
                     key: btn.class
@@ -501,11 +539,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       class: normalizeClass(["i w-7 h-7 !text-base text-center leading-7 text-gray-600 cursor-pointer hover:bg-gray-200 hover:bg-opacity-50 transition-all duration-300", btn.class]),
                       onClick: ($event) => btn.click(file)
-                    }, null, 10, _hoisted_7)) : createCommentVNode("", true)
+                    }, null, 10, _hoisted_10)) : createCommentVNode("v-if", true)
                   ], 64);
                 }), 64))
               ])
-            ])
+            ], 2)
           ]),
           default: withCtx(() => [
             !unref(getBind).disabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -519,9 +557,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createElementVNode("p", _hoisted_2, toDisplayString(unref(getHelpText)), 1)
-            ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$2, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
-            createVNode(_sfc_main$1, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
+            ])) : createCommentVNode("v-if", true),
+            createVNode(PdfView, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
+            createVNode(DocxView, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
           ]),
           _: 2
         }, [
@@ -533,22 +571,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["fileList"])) : createCommentVNode("", true),
+        ]), 1040, ["fileList"])) : createCommentVNode("v-if", true),
         unref(getBind).listType === "picture-card" ? (openBlock(), createBlock(_component_AUpload, mergeProps({ key: 1 }, unref(getBind), {
           fileList: unref(fileList),
           "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => isRef(fileList) ? fileList.value = $event : null),
           onPreview: handlePreview
         }), {
           default: withCtx(() => [
-            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_11)) : createCommentVNode("", true)
+            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_14)) : createCommentVNode("v-if", true)
           ]),
           _: 1
-        }, 16, ["fileList"])) : createCommentVNode("", true),
-        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("", true)
+        }, 16, ["fileList"])) : createCommentVNode("v-if", true),
+        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/index.vue"]]);
 export {
-  _sfc_main as DtUpload
+  index as DtUpload
 };

package/es/components/upload/index.less

@@ -72,5 +72,12 @@
     .ant-upload-list-item-actions{
         display: flex;
     }
+
+    .ant-upload-list-item-error{
+        border-color: #ED6F6F;
+        i{
+            color: #ED6F6F;
+        }
+    }
     
 }

package/es/components/upload/src/components/WordView.d.ts

@@ -1,5 +1,6 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
     ID: string;
+    domRef: any;
     register: import("../../../modal/src/types/modal.type").RegisterFn;
     readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/upload/src/index.d.ts

@@ -134,6 +134,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     DocxView: import("vue").DefineComponent<{}, {
         ID: string;
+        domRef: any;
         register: import("../../modal/src/types/modal.type").RegisterFn;
         readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/theme/index.js

@@ -546,14 +546,19 @@ function getBreadCrumb(path, menus) {
 }
 function getFilterMenu(filter = "", flag = false) {
   let _menus = [];
+  const { getIsZH } = useHeader();
   if (!trim(filter) && !flag)
     return _menus;
   let getTargetMenus = (menusArr) => {
     menusArr.forEach((menu) => {
       if (menu.children && menu.children.length) {
         getTargetMenus(menu.children);
-      } else if (menu.label.indexOf(filter) !== -1 || flag && !trim(filter)) {
-        _menus.push(menu);
+      } else {
+        let flabel = unref(getIsZH) ? menu.label : menu.enLabel?.toLowerCase();
+        let ffilter = unref(getIsZH) ? filter : filter.toLowerCase();
+        if (flabel.indexOf(ffilter) !== -1 || flag && !trim(filter)) {
+          _menus.push(menu);
+        }
       }
     });
   };
@@ -3940,7 +3945,7 @@ const ZH = {
     "NUMBER": "\u5E8F\u53F7",
     "ACTIONS": "\u64CD\u4F5C",
     "TOTAL_PAGE": "\u603B\u5171{total}\u6761",
-    "FILTER": "\u641C\u7D22",
+    "FILTER": "\u641C\u7D22...",
     "EXPAND_ALL": "\u5C55\u5F00\u5168\u90E8",
     "COLLAPSE_ALL": "\u6298\u53E0\u5168\u90E8",
     "SELECT_ALL1": "\u9009\u62E9\u5168\u90E8",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "2.0.16",
+	"version": "2.0.17",
 	"type": "module",
 	"license": "MIT",
 	"main": "./src/index.ts",