@fmdevui/fm-dev 1.0.65 → 1.0.67

package/es/core/ui/components/index.d.ts

@@ -624,6 +624,18 @@ declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
     id: {
         type: PropType<any>;
     };
@@ -672,6 +684,18 @@ declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
     id: {
         type: PropType<any>;
     };
@@ -687,8 +711,11 @@ declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
     optionData: any[];
     bvalue: string;
     blabel: string;
+    apiService: string;
+    apiAction: string;
     inputWidth: string;
     dropWidth: string;
+    basecode: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const FmTree: DefineComponent<ExtractPropTypes<{
     checkStrictly: {

package/es/core/ui/components/inputdropdown/index.vue.d.ts

@@ -43,6 +43,27 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
     id: {
         type: PropType<any>;
     };
@@ -97,6 +118,27 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
     id: {
         type: PropType<any>;
     };
@@ -112,7 +154,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     optionData: any[];
     bvalue: string;
     blabel: string;
+    apiService: string;
+    apiAction: string;
     inputWidth: string;
     dropWidth: string;
+    basecode: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/defaults.css

@@ -1,3 +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%}
-
-.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/es/packages/core/ui/components/fmtree/index.vue.mjs

@@ -1,7 +1,5 @@
 import _sfc_main from './index.vue2.mjs';
-import './index.vue3.mjs';
-import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69322010"]]);
 
-export { fmtree as default };
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmtree/index.vue2.mjs

@@ -2,10 +2,10 @@ import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, res
 import { Search, MoreFilled } from '@element-plus/icons-vue';
 import { useBaseApi } from '../../../api/base/index.mjs';
 
-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-group" };
+const _hoisted_1 = { style: { "padding": "5px" } };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
+const _hoisted_3 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
+const _hoisted_4 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
 const _hoisted_5 = { style: { "margin-bottom": "45px" } };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -109,9 +109,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_card = resolveComponent("el-card");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createBlock(_component_el_card, {
-        class: "box-card",
         shadow: "hover",
-        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;"
+        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;",
+        style: { "height": "100%" }
       }, {
         header: withCtx(() => [
           createElementVNode("div", _hoisted_1, [

package/es/packages/core/ui/components/index.mjs

@@ -4,13 +4,14 @@ import dragimg from './dragVerify/dragVerifyImgRotate.vue.mjs';
 import './fmselect/index.vue.mjs';
 import './fmautocomplete/index.vue.mjs';
 import './inputdropdown/index.vue.mjs';
-import fmtree from './fmtree/index.vue.mjs';
+import './fmtree/index.vue.mjs';
 export { elSvg } from './svgIcon/index.mjs';
 import _sfc_main from './transfer/index.vue2.mjs';
 import _sfc_main$1 from './noticeBar/index.vue2.mjs';
 import _sfc_main$2 from './fmselect/index.vue2.mjs';
 import _sfc_main$3 from './fmautocomplete/index.vue2.mjs';
 import _sfc_main$4 from './inputdropdown/index.vue2.mjs';
+import _sfc_main$5 from './fmtree/index.vue2.mjs';
 
 const FmTransfer = _sfc_main;
 const FmNoticeBar = _sfc_main$1;
@@ -18,6 +19,6 @@ const FmDragImg = dragimg;
 const Fmselect = _sfc_main$2;
 const FmAutocomplete = _sfc_main$3;
 const Fminputdropdown = _sfc_main$4;
-const FmTree = fmtree;
+const FmTree = _sfc_main$5;
 
 export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, FmTree, Fminputdropdown, Fmselect };

package/es/packages/core/ui/components/inputdropdown/index.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, useModel, resolveComponent, createBlock, openBlock, withCtx, createVNode, normalizeStyle, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, mergeModels } from 'vue';
+import { defineComponent, useModel, reactive, onMounted, resolveComponent, createBlock, openBlock, withCtx, createVNode, normalizeStyle, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, mergeModels } from 'vue';
+import { useBaseApi } from '../../../api/base/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -36,6 +37,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     dropWidth: {
       type: String,
       default: "90px"
+    },
+    /**
+    * api service name
+    */
+    apiService: {
+      type: String,
+      default: "baseData"
+    },
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+      type: String,
+      default: "baseDataList"
+    },
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+      type: String,
+      default: ""
     }
   }, {
     "id": {
@@ -54,6 +76,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const modeValueId = useModel(__props, "id");
     const modeValueName = useModel(__props, "name");
     const props = __props;
+    const state = reactive({
+      optionData: props.optionData
+    });
     const emit = __emit;
     const handCommand = (command) => {
       const fitem = props.optionData.find((item) => item[props.bvalue] === command);
@@ -61,6 +86,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       modeValueName.value = fitem != null ? fitem[props.blabel] : "";
       emit("change", fitem);
     };
+    onMounted(async () => {
+      state.optionData = props.optionData;
+      if (props.basecode && props.basecode != "") {
+        const res = useBaseApi(props.apiService).get(null, props.apiAction + "/" + props.basecode);
+        state.optionData = res.data.result ?? [];
+      }
+    });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
@@ -80,7 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
-                renderList(__props.optionData, (item, index) => {
+                renderList(state.optionData, (item, index) => {
                   return openBlock(), createBlock(_component_el_dropdown_item, {
                     key: index,
                     command: item[__props.bvalue],

package/index.css

@@ -111,34 +111,3 @@
 }
 
 
-
-
-/* 主容器 */
-.box-card[data-v-69322010] {
-  height: 100%;
-}
-
-/* 卡片头部 */
-.card-header[data-v-69322010] {
-  padding: 5px;
-}
-
-/* 水平布局 */
-.tree-h-flex[data-v-69322010] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: nowrap;
-  overflow: hidden;
-}
-.tree-h-left[data-v-69322010] {
-  flex: 1 1 200px;
-  min-width: 0;
-  overflow: hidden;
-}
-.tree-h-right-group[data-v-69322010] {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  white-space: nowrap;
-}

package/index.js

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.65 */
+/*! fm-dev v1.0.67 */
 (function (global, factory) {
   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')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
@@ -23896,6 +23896,27 @@
       dropWidth: {
         type: String,
         default: "90px"
+      },
+      /**
+      * api service name
+      */
+      apiService: {
+        type: String,
+        default: "baseData"
+      },
+      /**
+      * api service 下的方法
+      */
+      apiAction: {
+        type: String,
+        default: "baseDataList"
+      },
+      /**
+       * 基础编码 自动获取数据
+       */
+      basecode: {
+        type: String,
+        default: ""
       }
     }, {
       "id": {
@@ -23914,6 +23935,9 @@
       const modeValueId = vue.useModel(__props, "id");
       const modeValueName = vue.useModel(__props, "name");
       const props = __props;
+      const state = vue.reactive({
+        optionData: props.optionData
+      });
       const emit = __emit;
       const handCommand = (command) => {
         const fitem = props.optionData.find((item) => item[props.bvalue] === command);
@@ -23921,6 +23945,13 @@
         modeValueName.value = fitem != null ? fitem[props.blabel] : "";
         emit("change", fitem);
       };
+      vue.onMounted(async () => {
+        state.optionData = props.optionData;
+        if (props.basecode && props.basecode != "") {
+          const res = useBaseApi(props.apiService).get(null, props.apiAction + "/" + props.basecode);
+          state.optionData = res.data.result ?? [];
+        }
+      });
       return (_ctx, _cache) => {
         const _component_el_input = vue.resolveComponent("el-input");
         const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
@@ -23940,7 +23971,7 @@
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
                   null,
-                  vue.renderList(__props.optionData, (item, index) => {
+                  vue.renderList(state.optionData, (item, index) => {
                     return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
                       key: index,
                       command: item[__props.bvalue],
@@ -30038,10 +30069,10 @@
     ZoomOut: zoom_out_default
   });
 
-  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-group" };
+  const _hoisted_1$1 = { style: { "padding": "5px" } };
+  const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
+  const _hoisted_3 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
+  const _hoisted_4 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
   const _hoisted_5 = { style: { "margin-bottom": "45px" } };
   var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -30145,9 +30176,9 @@
         const _component_el_card = vue.resolveComponent("el-card");
         const _directive_loading = vue.resolveDirective("loading");
         return vue.openBlock(), vue.createBlock(_component_el_card, {
-          class: "box-card",
           shadow: "hover",
-          "body-style": "height:100%;overflow:auto;padding:5px;width:100%;"
+          "body-style": "height:100%;overflow:auto;padding:5px;width:100%;",
+          style: { "height": "100%" }
         }, {
           header: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$1, [
@@ -30274,8 +30305,6 @@
     }
   });
 
-  var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69322010"]]);
-
   const _hoisted_1 = ["src"];
   var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -30381,7 +30410,7 @@
   const Fmselect = _sfc_main$5;
   const FmAutocomplete = _sfc_main$4;
   const Fminputdropdown = _sfc_main$3;
-  const FmTree = fmtree;
+  const FmTree = _sfc_main$2;
 
   const makeInstaller = (components = []) => {
     const install = (app) => {

package/index.min.css

@@ -1,3 +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%}
-
-.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}