@fmdevui/fm-dev 1.0.63 → 1.0.65

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.63 */
+/*! fm-dev v1.0.65 */
 import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, resolveDirective, unref, resolveDynamicComponent, markRaw, toRaw as toRaw$1, hasInjectionContext, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs } from 'vue';
 import crypto from 'crypto';
 import require$$0 from 'url';
@@ -30046,7 +30046,7 @@ var svg = /*#__PURE__*/Object.freeze({
 const _hoisted_1$1 = { class: "card-header" };
 const _hoisted_2 = { class: "tree-h-flex" };
 const _hoisted_3 = { class: "tree-h-left" };
-const _hoisted_4 = { class: "tree-h-right" };
+const _hoisted_4 = { class: "tree-h-right-group" };
 const _hoisted_5 = { style: { "margin-bottom": "45px" } };
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
@@ -30126,12 +30126,12 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
         fetchTreeData();
       } else if ("rootNode" == command) {
         treeRef.value?.setCurrentKey();
-        emits("node-click", { id: 0, name: "" });
+        emit("node-click", { id: 0, name: "" });
       }
     };
-    const emits = __emit;
+    const emit = __emit;
     const nodeClick = (node) => {
-      emits("node-click", { id: node.id, name: node.name });
+      emit("node-click", { id: node.id, name: node.name });
     };
     const setCurrentKey = (key, shouldAutoExpandParent) => {
       treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
@@ -30139,14 +30139,12 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = resolveComponent("el-dropdown");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_ele_FolderOpened = resolveComponent("ele-FolderOpened");
-      const _component_ele_Folder = resolveComponent("ele-Folder");
       const _component_el_tree = resolveComponent("el-tree");
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
       const _component_el_card = resolveComponent("el-card");
@@ -30170,6 +30168,14 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["prefix-icon", "modelValue"])
               ]),
               createElementVNode("div", _hoisted_4, [
+                !props.checkStrictly && state.isShowCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
+                  key: 0,
+                  modelValue: state.strictly,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
+                  label: "\u8054\u52A8",
+                  style: { "margin-left": "8px" },
+                  border: ""
+                }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
                 createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
                   dropdown: withCtx(() => [
                     createVNode(_component_el_dropdown_menu, null, {
@@ -30225,15 +30231,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   _: 1
                   /* STABLE */
                 })
-              ]),
-              !props.checkStrictly && state.isShowCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-                key: 0,
-                modelValue: state.strictly,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
-                label: "\u8054\u52A8",
-                style: { "margin-left": "8px" },
-                border: ""
-              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
+              ])
             ])
           ])
         ]),
@@ -30256,27 +30254,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   "check-strictly": !state.strictly
                 }, {
                   default: withCtx(({ node }) => [
-                    node.level < 4 ? (openBlock(), createBlock(_component_el_icon, {
-                      key: 0,
-                      size: "16",
-                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ele_FolderOpened)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })) : (openBlock(), createBlock(_component_el_icon, {
-                      key: 1,
-                      size: "16",
-                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ele_Folder)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })),
+                    createCommentVNode(' <el-icon v-if="node.level < 4" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-FolderOpened /></el-icon>\r\n						<el-icon v-else size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-Folder /></el-icon> '),
                     createTextVNode(
                       " " + toDisplayString$1(node.label),
                       1
@@ -30301,7 +30279,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ea8b4cb6"]]);
+var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69322010"]]);
 
 const _hoisted_1 = ["src"];
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/lib/index.css

@@ -1,3 +1,3 @@
 .drag_verify[data-v-9e8c9ed2]{background-color:#e8e8e8;overflow:hidden;position:relative;text-align:center}.drag_verify .dv_handler[data-v-9e8c9ed2]{cursor:move;left:0;position:absolute;top:0}.drag_verify .dv_handler i[data-v-9e8c9ed2]{color:#666;font-size:16px;padding-left:0}.drag_verify .dv_handler .el-icon-circle-check[data-v-9e8c9ed2]{color:#6c6;margin-top:9px}.drag_verify .dv_progress_bar[data-v-9e8c9ed2]{height:34px;position:absolute;width:0}.drag_verify .dv_text[data-v-9e8c9ed2]{background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));-webkit-background-clip:text;color:transparent;position:absolute;top:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:slidetounlock 3s infinite}.drag_verify .dv_text[data-v-9e8c9ed2] *{-webkit-text-fill-color:var(--textColor)}.goFirst[data-v-9e8c9ed2]{left:0!important;transition:left .5s}.goOrigin[data-v-9e8c9ed2]{transition:transform .5s}.goKeep[data-v-9e8c9ed2]{transition:left .2s}.goFirst2[data-v-9e8c9ed2]{transition:width .5s;width:0!important}.drag-verify-container[data-v-9e8c9ed2]{border-radius:50%;line-height:0;position:relative}.move-bar[data-v-9e8c9ed2]{position:absolute;z-index:100}.clip-bar[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.8);position:absolute}.refresh[data-v-9e8c9ed2]{cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px;z-index:200}.tips[data-v-9e8c9ed2]{bottom:25px;font-size:12px;height:20px;line-height:20px;position:absolute;text-align:center;width:100%;z-index:200}.tips.success[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.6);color:green}.tips.danger[data-v-9e8c9ed2]{background:rgba(0,0,0,.6);color:#ff0}.check-img[data-v-9e8c9ed2]{border-radius:50%;width:100%}
 
-.box-card[data-v-ea8b4cb6]{flex:1}.box-card[data-v-ea8b4cb6]>.el-card__header{padding:5px}.tree-h-flex[data-v-ea8b4cb6]{display:flex}.tree-h-left[data-v-ea8b4cb6]{flex:1;width:100%}.tree-h-right[data-v-ea8b4cb6]{min-width:42px;width:42px}
+.box-card[data-v-69322010]{height:100%}.card-header[data-v-69322010]{padding:5px}.tree-h-flex[data-v-69322010]{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow:hidden}.tree-h-left[data-v-69322010]{flex:1 1 200px;min-width:0;overflow:hidden}.tree-h-right-group[data-v-69322010]{align-items:center;display:flex;flex-shrink:0;white-space:nowrap}

package/lib/packages/core/ui/components/fmtree/index.vue.js

@@ -6,6 +6,6 @@ var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
 require('./index.vue3.js');
 var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
 
-var fmtree = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ea8b4cb6"]]);
+var fmtree = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-69322010"]]);
 
 exports.default = fmtree;

package/lib/packages/core/ui/components/fmtree/index.vue2.js

@@ -9,7 +9,7 @@ var index = require('../../../api/base/index.js');
 const _hoisted_1 = { class: "card-header" };
 const _hoisted_2 = { class: "tree-h-flex" };
 const _hoisted_3 = { class: "tree-h-left" };
-const _hoisted_4 = { class: "tree-h-right" };
+const _hoisted_4 = { class: "tree-h-right-group" };
 const _hoisted_5 = { style: { "margin-bottom": "45px" } };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -89,12 +89,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         fetchTreeData();
       } else if ("rootNode" == command) {
         treeRef.value?.setCurrentKey();
-        emits("node-click", { id: 0, name: "" });
+        emit("node-click", { id: 0, name: "" });
       }
     };
-    const emits = __emit;
+    const emit = __emit;
     const nodeClick = (node) => {
-      emits("node-click", { id: node.id, name: node.name });
+      emit("node-click", { id: node.id, name: node.name });
     };
     const setCurrentKey = (key, shouldAutoExpandParent) => {
       treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
@@ -102,14 +102,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
     return (_ctx, _cache) => {
       const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
       const _component_el_icon = vue.resolveComponent("el-icon");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = vue.resolveComponent("el-dropdown");
-      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-      const _component_ele_FolderOpened = vue.resolveComponent("ele-FolderOpened");
-      const _component_ele_Folder = vue.resolveComponent("ele-Folder");
       const _component_el_tree = vue.resolveComponent("el-tree");
       const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
       const _component_el_card = vue.resolveComponent("el-card");
@@ -133,6 +131,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["prefix-icon", "modelValue"])
               ]),
               vue.createElementVNode("div", _hoisted_4, [
+                !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+                  key: 0,
+                  modelValue: state.strictly,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
+                  label: "\u8054\u52A8",
+                  style: { "margin-left": "8px" },
+                  border: ""
+                }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
                   dropdown: vue.withCtx(() => [
                     vue.createVNode(_component_el_dropdown_menu, null, {
@@ -188,15 +194,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })
-              ]),
-              !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-                key: 0,
-                modelValue: state.strictly,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
-                label: "\u8054\u52A8",
-                style: { "margin-left": "8px" },
-                border: ""
-              }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
+              ])
             ])
           ])
         ]),
@@ -219,27 +217,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "check-strictly": !state.strictly
                 }, {
                   default: vue.withCtx(({ node }) => [
-                    node.level < 4 ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                      key: 0,
-                      size: "16",
-                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_ele_FolderOpened)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                      key: 1,
-                      size: "16",
-                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_ele_Folder)
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })),
+                    vue.createCommentVNode(' <el-icon v-if="node.level < 4" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-FolderOpened /></el-icon>\r\n						<el-icon v-else size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-Folder /></el-icon> '),
                     vue.createTextVNode(
                       " " + vue.toDisplayString(node.label),
                       1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.63",
+  "version": "1.0.65",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [