hfn-components 0.3.8 → 0.4.0

package/dist/index.css

@@ -1 +1 @@
-.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}
+.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.target-head{display:grid;grid:auto/repeat(5,1fr)}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}

package/es/components/elTable/index.d.ts

@@ -16,6 +16,10 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly default: "#f0f0f0";
     };
 }, {
+    targetHead: import("vue").Ref<{
+        name: string;
+        key: string;
+    }[]>;
     props: import("@vue/shared").LooseRequired<{
         readonly loading: boolean;
         readonly dataSource: unknown[];
@@ -706,10 +710,6 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly money_name: "金额（元）";
     };
     readonly convertKey: (data: any, key: string) => any;
-    readonly TARGET_HEAD_KEY: {
-        name: string;
-        key: string;
-    }[];
     readonly TARGET_END_KEY: {
         name: string;
         key: string;

package/es/components/elTable/src/elTable.vue.d.ts

@@ -16,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "#f0f0f0";
     };
 }, {
+    targetHead: import("vue").Ref<{
+        name: string;
+        key: string;
+    }[]>;
     props: import("@vue/shared").LooseRequired<{
         readonly loading: boolean;
         readonly dataSource: unknown[];
@@ -706,10 +710,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly money_name: "金额（元）";
     };
     readonly convertKey: (data: any, key: string) => any;
-    readonly TARGET_HEAD_KEY: {
-        name: string;
-        key: string;
-    }[];
     readonly TARGET_END_KEY: {
         name: string;
         key: string;

package/es/components/elTable/src/elTable.vue.mjs

@@ -35,7 +35,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode(
                     "div",
                     null,
-                    toDisplayString($setup.TARGET_HEAD_KEY.filter((items) => items.key === item.key.split("_")[0])[0].name),
+                    toDisplayString($setup.targetHead.filter((items) => items.key === item.key.split("_")[0])[0].name),
                     1
                     /* TEXT */
                   ),

package/es/components/elTable/src/elTable.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent } from 'vue';
+import { defineComponent, ref, onMounted } from 'vue';
 import { ElTable, ElTableColumn, vLoading } from 'element-plus';
 import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
 import { TARGET_HEAD_KEY, TARGET_END_KEY } from '../../../constants/target.mjs';
 import '../../../constants/chartConfig.mjs';
+import cloneDeep from 'lodash.clonedeep';
 import ColumnDeal from './columnDeal.vue.mjs';
 import { elTableProps } from './elTable.mjs';
 
@@ -11,8 +12,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: elTableProps,
   setup(__props, { expose: __expose }) {
     __expose();
+    const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
+    onMounted(() => {
+      let startYear = 2018;
+      const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
+      while (startYear <= nowYear) {
+        targetHead.value.push({
+          name: `${startYear}`,
+          key: `${startYear}`
+        });
+        startYear++;
+      }
+    });
     const props = __props;
-    const __returned__ = { props, get ElTable() {
+    const __returned__ = { targetHead, props, get ElTable() {
       return ElTable;
     }, get ElTableColumn() {
       return ElTableColumn;
@@ -22,8 +35,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return TABLE_KEY;
     }, get convertKey() {
       return convertKey;
-    }, get TARGET_HEAD_KEY() {
-      return TARGET_HEAD_KEY;
     }, get TARGET_END_KEY() {
       return TARGET_END_KEY;
     }, ColumnDeal };

package/es/components/htTarget/src/htTarget.vue.mjs

@@ -13,7 +13,32 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "factor-content" };
 const _hoisted_5 = ["onClick"];
-const _hoisted_6 = { class: "dialog-footer" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode(
+  "svg",
+  {
+    t: "1736836637226",
+    class: "icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "8732",
+    width: "15",
+    height: "15"
+  },
+  [
+    /* @__PURE__ */ createElementVNode("path", {
+      d: "M912.064 187.984L583.968 516.064l316.768 316.8-67.872 67.872-316.768-316.8-328.112 328.128-67.888-67.888 328.112-328.112L108.784 176.672l67.888-67.888 339.424 339.392L844.16 120.096l67.888 67.888z",
+      fill: "#bfbfbf",
+      "p-id": "8733"
+    })
+  ],
+  -1
+  /* HOISTED */
+);
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
     createVNode($setup["ElDialog"], {
@@ -23,13 +48,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClose: _cache[5] || (_cache[5] = ($event) => $setup.emit("choiceCancel"))
     }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_8, [
           createVNode($setup["ElButton"], {
             onClick: $setup.confirmTarge,
             type: "primary"
           }, {
             default: withCtx(() => [
-              createTextVNode(" Confirm ")
+              createTextVNode(" \u786E\u8BA4 ")
             ]),
             _: 1
             /* STABLE */
@@ -65,7 +90,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       createVNode($setup["ElRadioGroup"], {
                         modelValue: $setup.selectedHead,
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.selectedHead = $event),
-                        onChange: $setup.headChange
+                        onChange: $setup.headChange,
+                        class: "target-head"
                       }, {
                         default: withCtx(() => [
                           (openBlock(true), createElementBlock(
@@ -183,8 +209,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         /* TEXT */
                       ),
                       createElementVNode("span", {
+                        class: "flex-alignCnter",
                         onClick: ($event) => $setup.deleteItem(item.key)
-                      }, "\u274C", 8, _hoisted_5)
+                      }, [..._hoisted_7], 8, _hoisted_5)
                     ]);
                   }),
                   128

package/es/components/htTarget/src/htTarget.vue2.mjs

@@ -73,10 +73,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           selectedTree.value[headKey] = [val];
         }
-        const filterHead = TARGET_HEAD_KEY.filter((item) => item.key === headKey);
+        const filterHead = targetHead.value.filter((item) => item.key === headKey);
         const filterFoot = TARGET_END_KEY.filter((item) => item.key === val);
         const headName = filterHead.length > 0 ? filterHead[0].name : "";
         const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
+        console.log(headKey);
         itemObj = {
           name: headName + footName,
           key: `${headKey}_${val}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "description": "",
   "main": "index.ts",
   "module": "es/index.mjs",

package/theme-chalk/ht-target.css

@@ -1 +1 @@
-.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}
+.dialog{padding:24px!important;width:860px!important}.target-head{display:grid;grid:auto/repeat(5,1fr)}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}

package/theme-chalk/index.css

@@ -1 +1 @@
-.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}
+.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.target-head{display:grid;grid:auto/repeat(5,1fr)}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{display:flex;margin-bottom:10px;width:33.33%}.check_item{display:flex;justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}

package/theme-chalk/src/target.scss

@@ -2,6 +2,10 @@
   width: 860px !important;
   padding: 24px !important;
 }
+.target-head {
+  display: grid;
+  grid: auto / repeat(5, 1fr);
+}
 .factor-content {
   width: 100%;
   height: 380px;
@@ -18,3 +22,9 @@
   display: flex;
   justify-content: space-between;
 }
+
+.flex-alignCnter {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}