@fmdevui/fm-dev 1.0.65 → 1.0.67

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fm-dev v1.0.65 */
+/*! fm-dev v1.0.67 */
 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';
@@ -23901,6 +23901,27 @@ var _sfc_main$3 = /* @__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": {
@@ -23919,6 +23940,9 @@ var _sfc_main$3 = /* @__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);
@@ -23926,6 +23950,13 @@ var _sfc_main$3 = /* @__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");
@@ -23945,7 +23976,7 @@ var _sfc_main$3 = /* @__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],
@@ -30043,10 +30074,10 @@ var svg = /*#__PURE__*/Object.freeze({
   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__ */ defineComponent({
   ...{
@@ -30150,9 +30181,9 @@ var _sfc_main$2 = /* @__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$1, [
@@ -30279,8 +30310,6 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-69322010"]]);
-
 const _hoisted_1 = ["src"];
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -30386,7 +30415,7 @@ const FmDragImg = dragimg;
 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/lib/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/lib/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/lib/index.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/lib/packages/core/ui/components/fmtree/index.vue.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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-69322010"]]);
 
-exports.default = fmtree;
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -6,10 +6,10 @@ var vue = require('vue');
 var svg = require('@element-plus/icons-vue');
 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-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__ */ vue.defineComponent({
   ...{
@@ -113,9 +113,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       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, [

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

@@ -6,13 +6,14 @@ var dragVerifyImgRotate = require('./dragVerify/dragVerifyImgRotate.vue.js');
 require('./fmselect/index.vue.js');
 require('./fmautocomplete/index.vue.js');
 require('./inputdropdown/index.vue.js');
-var index$1 = require('./fmtree/index.vue.js');
+require('./fmtree/index.vue.js');
 var index = require('./svgIcon/index.js');
 var index_vue_vue_type_script_setup_true_lang = require('./transfer/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$1 = require('./noticeBar/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$2 = require('./fmselect/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$3 = require('./fmautocomplete/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$4 = require('./inputdropdown/index.vue2.js');
+var index_vue_vue_type_script_setup_true_lang$5 = require('./fmtree/index.vue2.js');
 
 const FmTransfer = index_vue_vue_type_script_setup_true_lang.default;
 const FmNoticeBar = index_vue_vue_type_script_setup_true_lang$1.default;
@@ -20,7 +21,7 @@ const FmDragImg = dragVerifyImgRotate.default;
 const Fmselect = index_vue_vue_type_script_setup_true_lang$2.default;
 const FmAutocomplete = index_vue_vue_type_script_setup_true_lang$3.default;
 const Fminputdropdown = index_vue_vue_type_script_setup_true_lang$4.default;
-const FmTree = index$1.default;
+const FmTree = index_vue_vue_type_script_setup_true_lang$5.default;
 
 exports.elSvg = index.elSvg;
 exports.FmAutocomplete = FmAutocomplete;

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var index = require('../../../api/base/index.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -40,6 +41,27 @@ var _sfc_main = /* @__PURE__ */ vue.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": {
@@ -58,6 +80,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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);
@@ -65,6 +90,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       modeValueName.value = fitem != null ? fitem[props.blabel] : "";
       emit("change", fitem);
     };
+    vue.onMounted(async () => {
+      state.optionData = props.optionData;
+      if (props.basecode && props.basecode != "") {
+        const res = index.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");
@@ -84,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               (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],

package/package.json

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

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

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export { undefined$1 as default };

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

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var undefined$1 = undefined;
-
-exports.default = undefined$1;