@fmdevui/fm-dev 1.0.63 → 1.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  .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%}
2
2
 
3
- .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}
3
+ .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}
@@ -2,6 +2,6 @@ import _sfc_main from './index.vue2.mjs';
2
2
  import './index.vue3.mjs';
3
3
  import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
4
4
 
5
- var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea8b4cb6"]]);
5
+ var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69322010"]]);
6
6
 
7
7
  export { fmtree as default };
@@ -1,11 +1,11 @@
1
- import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createVNode, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, unref } from 'vue';
1
+ import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createVNode, createCommentVNode, createTextVNode, toDisplayString, createElementVNode, unref } from 'vue';
2
2
  import { Search, MoreFilled } from '@element-plus/icons-vue';
3
3
  import { useBaseApi } from '../../../api/base/index.mjs';
4
4
 
5
5
  const _hoisted_1 = { class: "card-header" };
6
6
  const _hoisted_2 = { class: "tree-h-flex" };
7
7
  const _hoisted_3 = { class: "tree-h-left" };
8
- const _hoisted_4 = { class: "tree-h-right" };
8
+ const _hoisted_4 = { class: "tree-h-right-group" };
9
9
  const _hoisted_5 = { style: { "margin-bottom": "45px" } };
10
10
  var _sfc_main = /* @__PURE__ */ defineComponent({
11
11
  ...{
@@ -85,12 +85,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
85
85
  fetchTreeData();
86
86
  } else if ("rootNode" == command) {
87
87
  treeRef.value?.setCurrentKey();
88
- emits("node-click", { id: 0, name: "" });
88
+ emit("node-click", { id: 0, name: "" });
89
89
  }
90
90
  };
91
- const emits = __emit;
91
+ const emit = __emit;
92
92
  const nodeClick = (node) => {
93
- emits("node-click", { id: node.id, name: node.name });
93
+ emit("node-click", { id: node.id, name: node.name });
94
94
  };
95
95
  const setCurrentKey = (key, shouldAutoExpandParent) => {
96
96
  treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
@@ -98,14 +98,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
98
98
  __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
99
99
  return (_ctx, _cache) => {
100
100
  const _component_el_input = resolveComponent("el-input");
101
+ const _component_el_checkbox = resolveComponent("el-checkbox");
101
102
  const _component_el_icon = resolveComponent("el-icon");
102
103
  const _component_el_button = resolveComponent("el-button");
103
104
  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
104
105
  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
105
106
  const _component_el_dropdown = resolveComponent("el-dropdown");
106
- const _component_el_checkbox = resolveComponent("el-checkbox");
107
- const _component_ele_FolderOpened = resolveComponent("ele-FolderOpened");
108
- const _component_ele_Folder = resolveComponent("ele-Folder");
109
107
  const _component_el_tree = resolveComponent("el-tree");
110
108
  const _component_el_scrollbar = resolveComponent("el-scrollbar");
111
109
  const _component_el_card = resolveComponent("el-card");
@@ -129,6 +127,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
129
127
  }, null, 8, ["prefix-icon", "modelValue"])
130
128
  ]),
131
129
  createElementVNode("div", _hoisted_4, [
130
+ !props.checkStrictly && state.isShowCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
131
+ key: 0,
132
+ modelValue: state.strictly,
133
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
134
+ label: "\u8054\u52A8",
135
+ style: { "margin-left": "8px" },
136
+ border: ""
137
+ }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
132
138
  createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
133
139
  dropdown: withCtx(() => [
134
140
  createVNode(_component_el_dropdown_menu, null, {
@@ -184,15 +190,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
184
190
  _: 1
185
191
  /* STABLE */
186
192
  })
187
- ]),
188
- !props.checkStrictly && state.isShowCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
189
- key: 0,
190
- modelValue: state.strictly,
191
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
192
- label: "\u8054\u52A8",
193
- style: { "margin-left": "8px" },
194
- border: ""
195
- }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
193
+ ])
196
194
  ])
197
195
  ])
198
196
  ]),
@@ -215,27 +213,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
215
213
  "check-strictly": !state.strictly
216
214
  }, {
217
215
  default: withCtx(({ node }) => [
218
- node.level < 4 ? (openBlock(), createBlock(_component_el_icon, {
219
- key: 0,
220
- size: "16",
221
- style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
222
- }, {
223
- default: withCtx(() => [
224
- createVNode(_component_ele_FolderOpened)
225
- ]),
226
- _: 1
227
- /* STABLE */
228
- })) : (openBlock(), createBlock(_component_el_icon, {
229
- key: 1,
230
- size: "16",
231
- style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
232
- }, {
233
- default: withCtx(() => [
234
- createVNode(_component_ele_Folder)
235
- ]),
236
- _: 1
237
- /* STABLE */
238
- })),
216
+ 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> '),
239
217
  createTextVNode(
240
218
  " " + toDisplayString(node.label),
241
219
  1
package/index.css CHANGED
@@ -112,21 +112,33 @@
112
112
 
113
113
 
114
114
 
115
-
116
- .box-card[data-v-ea8b4cb6] {
117
- flex: 1;
118
- }
119
- .box-card[data-v-ea8b4cb6]> .el-card__header {
120
- padding: 5px;
121
- }
122
- .tree-h-flex[data-v-ea8b4cb6] {
123
- display: flex;
124
- }
125
- .tree-h-left[data-v-ea8b4cb6] {
126
- flex: 1;
127
- width: 100%;
128
- }
129
- .tree-h-right[data-v-ea8b4cb6] {
130
- width: 42px;
131
- min-width: 42px;
115
+
116
+ /* 主容器 */
117
+ .box-card[data-v-69322010] {
118
+ height: 100%;
119
+ }
120
+
121
+ /* 卡片头部 */
122
+ .card-header[data-v-69322010] {
123
+ padding: 5px;
124
+ }
125
+
126
+ /* 水平布局 */
127
+ .tree-h-flex[data-v-69322010] {
128
+ display: flex;
129
+ align-items: center;
130
+ gap: 8px;
131
+ flex-wrap: nowrap;
132
+ overflow: hidden;
133
+ }
134
+ .tree-h-left[data-v-69322010] {
135
+ flex: 1 1 200px;
136
+ min-width: 0;
137
+ overflow: hidden;
138
+ }
139
+ .tree-h-right-group[data-v-69322010] {
140
+ display: flex;
141
+ align-items: center;
142
+ flex-shrink: 0;
143
+ white-space: nowrap;
132
144
  }
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! fm-dev v1.0.63 */
1
+ /*! fm-dev v1.0.65 */
2
2
  (function (global, factory) {
3
3
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
4
4
  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
@@ -30041,7 +30041,7 @@
30041
30041
  const _hoisted_1$1 = { class: "card-header" };
30042
30042
  const _hoisted_2 = { class: "tree-h-flex" };
30043
30043
  const _hoisted_3 = { class: "tree-h-left" };
30044
- const _hoisted_4 = { class: "tree-h-right" };
30044
+ const _hoisted_4 = { class: "tree-h-right-group" };
30045
30045
  const _hoisted_5 = { style: { "margin-bottom": "45px" } };
30046
30046
  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
30047
30047
  ...{
@@ -30121,12 +30121,12 @@
30121
30121
  fetchTreeData();
30122
30122
  } else if ("rootNode" == command) {
30123
30123
  treeRef.value?.setCurrentKey();
30124
- emits("node-click", { id: 0, name: "" });
30124
+ emit("node-click", { id: 0, name: "" });
30125
30125
  }
30126
30126
  };
30127
- const emits = __emit;
30127
+ const emit = __emit;
30128
30128
  const nodeClick = (node) => {
30129
- emits("node-click", { id: node.id, name: node.name });
30129
+ emit("node-click", { id: node.id, name: node.name });
30130
30130
  };
30131
30131
  const setCurrentKey = (key, shouldAutoExpandParent) => {
30132
30132
  treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
@@ -30134,14 +30134,12 @@
30134
30134
  __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
30135
30135
  return (_ctx, _cache) => {
30136
30136
  const _component_el_input = vue.resolveComponent("el-input");
30137
+ const _component_el_checkbox = vue.resolveComponent("el-checkbox");
30137
30138
  const _component_el_icon = vue.resolveComponent("el-icon");
30138
30139
  const _component_el_button = vue.resolveComponent("el-button");
30139
30140
  const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
30140
30141
  const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
30141
30142
  const _component_el_dropdown = vue.resolveComponent("el-dropdown");
30142
- const _component_el_checkbox = vue.resolveComponent("el-checkbox");
30143
- const _component_ele_FolderOpened = vue.resolveComponent("ele-FolderOpened");
30144
- const _component_ele_Folder = vue.resolveComponent("ele-Folder");
30145
30143
  const _component_el_tree = vue.resolveComponent("el-tree");
30146
30144
  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
30147
30145
  const _component_el_card = vue.resolveComponent("el-card");
@@ -30165,6 +30163,14 @@
30165
30163
  }, null, 8, ["prefix-icon", "modelValue"])
30166
30164
  ]),
30167
30165
  vue.createElementVNode("div", _hoisted_4, [
30166
+ !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
30167
+ key: 0,
30168
+ modelValue: state.strictly,
30169
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
30170
+ label: "\u8054\u52A8",
30171
+ style: { "margin-left": "8px" },
30172
+ border: ""
30173
+ }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
30168
30174
  vue.createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
30169
30175
  dropdown: vue.withCtx(() => [
30170
30176
  vue.createVNode(_component_el_dropdown_menu, null, {
@@ -30220,15 +30226,7 @@
30220
30226
  _: 1
30221
30227
  /* STABLE */
30222
30228
  })
30223
- ]),
30224
- !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
30225
- key: 0,
30226
- modelValue: state.strictly,
30227
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
30228
- label: "\u8054\u52A8",
30229
- style: { "margin-left": "8px" },
30230
- border: ""
30231
- }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
30229
+ ])
30232
30230
  ])
30233
30231
  ])
30234
30232
  ]),
@@ -30251,27 +30249,7 @@
30251
30249
  "check-strictly": !state.strictly
30252
30250
  }, {
30253
30251
  default: vue.withCtx(({ node }) => [
30254
- node.level < 4 ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
30255
- key: 0,
30256
- size: "16",
30257
- style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
30258
- }, {
30259
- default: vue.withCtx(() => [
30260
- vue.createVNode(_component_ele_FolderOpened)
30261
- ]),
30262
- _: 1
30263
- /* STABLE */
30264
- })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
30265
- key: 1,
30266
- size: "16",
30267
- style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
30268
- }, {
30269
- default: vue.withCtx(() => [
30270
- vue.createVNode(_component_ele_Folder)
30271
- ]),
30272
- _: 1
30273
- /* STABLE */
30274
- })),
30252
+ 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> '),
30275
30253
  vue.createTextVNode(
30276
30254
  " " + vue.toDisplayString(node.label),
30277
30255
  1
@@ -30296,7 +30274,7 @@
30296
30274
  }
30297
30275
  });
30298
30276
 
30299
- var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ea8b4cb6"]]);
30277
+ var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69322010"]]);
30300
30278
 
30301
30279
  const _hoisted_1 = ["src"];
30302
30280
  var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
package/index.min.css CHANGED
@@ -1,3 +1,3 @@
1
1
  .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%}
2
2
 
3
- .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}
3
+ .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}