hfn-components 0.3.3 → 0.3.5

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%}
+.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}

package/es/component.mjs

@@ -1,12 +1,14 @@
 import { HtElTable } from './components/elTable/index.mjs';
 import { HtChart } from './components/chart/index.mjs';
 import { HtPieChart } from './components/pieChart/index.mjs';
+import { HtTarget } from './components/htTarget/index.mjs';
 
 var Components = [
   // HtTable,
   HtChart,
   HtElTable,
-  HtPieChart
+  HtPieChart,
+  HtTarget
 ];
 
 export { Components as default };

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

@@ -706,9 +706,18 @@ 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;
+        dealType: string;
+    }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -723,6 +732,10 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }, {
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
@@ -736,10 +749,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             notProcessed: null;
             other: null;
             customDeal: null;
+            customSlot: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -754,11 +768,16 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
         readonly dealFunction: Function;
         readonly row: Record<string, any>;
+        readonly slot: string;
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 }, {
     readonly CLOUMN_DEAL: {
         basicText4: (val: string | number | undefined) => string;
@@ -28,10 +32,11 @@ declare const _default: import("vue").DefineComponent<{
         notProcessed: null;
         other: null;
         customDeal: null;
+        customSlot: null;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -46,10 +51,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+    readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
     readonly dealFunction: Function;
     readonly row: Record<string, any>;
+    readonly slot: string;
 }, {}>;
 export default _default;

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

@@ -1,11 +1,12 @@
 import _sfc_main from './columnDeal.vue2.mjs';
-import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
+import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle, renderSlot } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { key: 3 };
+const _hoisted_5 = { key: 4 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.dealType === "notProcessed" || _ctx.dealType === "other" ? (openBlock(), createElementBlock(
     "div",
@@ -26,9 +27,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ])) : _ctx.dealType === "customDeal" ? (openBlock(), createElementBlock("div", {
     key: 2,
     innerHTML: _ctx.dealFunction(_ctx.row, _ctx.text)
-  }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(
+  }, null, 8, _hoisted_3)) : _ctx.dealType === "customSlot" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    renderSlot(_ctx.$slots, _ctx.slot)
+  ])) : (openBlock(), createElementBlock(
     "div",
-    _hoisted_4,
+    _hoisted_5,
     toDisplayString(_ctx.text !== void 0 ? $setup.CLOUMN_DEAL[_ctx.dealType](_ctx.text) : "-"),
     1
     /* TEXT */

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

@@ -6,6 +6,7 @@ export interface ElTableColumns {
     dealFunction?: Function;
     width: string | number;
     customizeLabel?: string;
+    slot?: string;
 }
 export declare const elTableProps: {
     readonly dataSource: {
@@ -27,7 +28,7 @@ export declare const elTableProps: {
 };
 export declare const columnDealProps: {
     readonly dealType: {
-        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+        readonly type: PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
         readonly default: "";
     };
     readonly text: {
@@ -42,6 +43,10 @@ export declare const columnDealProps: {
         readonly type: ObjectConstructor;
         readonly default: () => void;
     };
+    readonly slot: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
 };
 export type ElTableProps = ExtractPropTypes<typeof elTableProps>;
 export type ColumnDealProps = ExtractPropTypes<typeof columnDealProps>;

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

@@ -34,6 +34,10 @@ const columnDealProps = {
     type: Object,
     default: () => {
     }
+  },
+  slot: {
+    type: String,
+    default: ""
   }
 };
 

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

@@ -706,9 +706,18 @@ 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;
+        dealType: string;
+    }[];
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -723,6 +732,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }, {
         readonly CLOUMN_DEAL: {
             basicText4: (val: string | number | undefined) => string;
@@ -736,10 +749,11 @@ declare const _default: import("vue").DefineComponent<{
             notProcessed: null;
             other: null;
             customDeal: null;
+            customSlot: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal">;
+            readonly type: import("vue").PropType<"colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot">;
             readonly default: "";
         };
         readonly text: {
@@ -754,11 +768,16 @@ declare const _default: import("vue").DefineComponent<{
             readonly type: ObjectConstructor;
             readonly default: () => void;
         };
+        readonly slot: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "notProcessed" | "other" | "customDeal";
+        readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thoundsandText2" | "thoundsandText4" | "other" | "customDeal" | "customSlot";
         readonly dealFunction: Function;
         readonly row: Record<string, any>;
+        readonly slot: string;
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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

@@ -1,7 +1,11 @@
 import _sfc_main from './elTable.vue2.mjs';
-import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, renderSlot } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 1 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createBlock($setup["ElTable"], {
     data: $setup.props.dataSource,
@@ -23,17 +27,63 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             resizable: "",
             key: item.key,
             prop: item.key,
-            label: item.customizeLabel ? item.customizeLabel : $setup.TABLE_KEY[item.key],
             width: item.width
           }, {
+            header: withCtx(() => [
+              item.customizeLabel ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                item.customizeLabel === "target" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.TARGET_HEAD_KEY.filter((items) => items.key === item.key.split("_")[0])[0].name),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.TARGET_END_KEY.filter((items) => items.key === item.key.split("_")[1])[0].name),
+                    1
+                    /* TEXT */
+                  )
+                ])) : (openBlock(), createElementBlock(
+                  "div",
+                  _hoisted_3,
+                  toDisplayString(item.customizeLabel),
+                  1
+                  /* TEXT */
+                ))
+              ])) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                createElementVNode(
+                  "div",
+                  null,
+                  toDisplayString($setup.TABLE_KEY[item.key]),
+                  1
+                  /* TEXT */
+                )
+              ]))
+            ]),
             default: withCtx((scope) => [
               item.dealType === "other" ? (openBlock(), createBlock($setup["ColumnDeal"], {
                 key: 0,
                 dealType: scope.row.dealType,
                 text: $setup.convertKey(scope.row, item.key)
-              }, null, 8, ["dealType", "text"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+              }, null, 8, ["dealType", "text"])) : item.dealType === "customSlot" ? (openBlock(), createBlock($setup["ColumnDeal"], {
                 key: 1,
                 dealType: item.dealType,
+                slot: item.slot
+              }, {
+                [item.slot]: withCtx(() => [
+                  renderSlot(_ctx.$slots, item.slot, {
+                    text: $setup.convertKey(scope.row, item.key),
+                    row: scope.row
+                  })
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["dealType", "slot"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 2,
+                dealType: item.dealType,
                 text: $setup.convertKey(scope.row, item.key),
                 row: scope.row,
                 "deal-function": item.dealFunction
@@ -41,14 +91,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 2
             /* DYNAMIC */
-          }, 1032, ["prop", "label", "width"]);
+          }, 1032, ["prop", "width"]);
         }),
         128
         /* KEYED_FRAGMENT */
       ))
     ]),
-    _: 1
-    /* STABLE */
+    _: 3
+    /* FORWARDED */
   }, 8, ["data", "header-cell-style"])), [
     [$setup["vLoading"], $setup.props.loading]
   ]);

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

@@ -1,6 +1,7 @@
 import { defineComponent } 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 ColumnDeal from './columnDeal.vue.mjs';
 import { elTableProps } from './elTable.mjs';
@@ -21,6 +22,10 @@ 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 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;

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

@@ -1,31 +1,43 @@
-export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<import("./src/htTarget").target[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly targetData: import("./src/htTarget").target[];
+        readonly dialogShow: boolean;
+        readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
+        readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    emit: (event: "choiceTarget" | "choiceCancel", ...args: any[]) => void;
     targetHead: import("vue").Ref<{
         name: string;
         key: string;
     }[]>;
-    allfoot: import("vue").Ref<({
-        name: string;
-        key: string;
-        slot: string;
-        excludeKey?: undefined;
-    } | {
+    allfoot: import("vue").Ref<{
         name: string;
         key: string;
-        slot: string;
-        excludeKey: string;
-    })[]>;
+        dealType: string;
+    }[]>;
     selectedHead: import("vue").Ref<string>;
     checkList: import("vue").Ref<string[]>;
+    dialogShow: import("vue").Ref<boolean>;
     typeTag: import("vue").Ref<string>;
-    aaa: import("vue").Ref<boolean>;
     headChange: () => void;
     selectedTree: import("vue").Ref<Record<string, string[]>>;
     selectedList: import("vue").Ref<{
         name: string;
         key: string;
+        dealType: string;
     }[]>;
-    selectedTarget: (val: string, type: string) => void;
+    selectedTarget: (val: string, headKey: string, type: string) => void;
     deleteItem: (key: string) => void;
+    confirmTarge: () => void;
     readonly ElDialog: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly appendToBody: BooleanConstructor;
         readonly appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
@@ -1972,8 +1984,23 @@ export declare const HtTarget: import("hfn-components/es/utils").SFCWithInstall<
     readonly BASIC_KEY: {
         name: string;
         key: string;
-        title: string;
+        dealType: string;
     }[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>> & Record<string, any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<import("./src/htTarget").target[]>;
+        readonly default: readonly [];
+    };
+}>> & {
+    onChoiceTarget?: ((...args: any[]) => any) | undefined;
+    onChoiceCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly targetData: import("./src/htTarget").target[];
+    readonly dialogShow: boolean;
+}, {}>> & Record<string, any>;
 export default HtTarget;
 export * from './src/htTarget.vue';

package/es/components/htTarget/src/htTarget.d.ts

@@ -1 +1,17 @@
-export declare const aa = 11;
+import { ExtractPropTypes, PropType } from 'vue';
+export interface target {
+    name: string;
+    key: string;
+    dealType: string;
+}
+export declare const targetProps: {
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: PropType<target[]>;
+        readonly default: readonly [];
+    };
+};
+export type TargetProps = ExtractPropTypes<typeof targetProps>;

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

@@ -1,3 +1,12 @@
-const aa = 11;
+const targetProps = {
+  dialogShow: {
+    type: Boolean,
+    default: false
+  },
+  targetData: {
+    type: Array,
+    default: []
+  }
+};
 
-export { aa };
+export { targetProps };

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

@@ -1,31 +1,43 @@
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<import("./htTarget").target[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly targetData: import("./htTarget").target[];
+        readonly dialogShow: boolean;
+        readonly onChoiceTarget?: ((...args: any[]) => any) | undefined;
+        readonly onChoiceCancel?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    emit: (event: "choiceTarget" | "choiceCancel", ...args: any[]) => void;
     targetHead: import("vue").Ref<{
         name: string;
         key: string;
     }[]>;
-    allfoot: import("vue").Ref<({
-        name: string;
-        key: string;
-        slot: string;
-        excludeKey?: undefined;
-    } | {
+    allfoot: import("vue").Ref<{
         name: string;
         key: string;
-        slot: string;
-        excludeKey: string;
-    })[]>;
+        dealType: string;
+    }[]>;
     selectedHead: import("vue").Ref<string>;
     checkList: import("vue").Ref<string[]>;
+    dialogShow: import("vue").Ref<boolean>;
     typeTag: import("vue").Ref<string>;
-    aaa: import("vue").Ref<boolean>;
     headChange: () => void;
     selectedTree: import("vue").Ref<Record<string, string[]>>;
     selectedList: import("vue").Ref<{
         name: string;
         key: string;
+        dealType: string;
     }[]>;
-    selectedTarget: (val: string, type: string) => void;
+    selectedTarget: (val: string, headKey: string, type: string) => void;
     deleteItem: (key: string) => void;
+    confirmTarge: () => void;
     readonly ElDialog: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly appendToBody: BooleanConstructor;
         readonly appendTo: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
@@ -1972,7 +1984,22 @@ declare const _default: import("vue").DefineComponent<{}, {
     readonly BASIC_KEY: {
         name: string;
         key: string;
-        title: string;
+        dealType: string;
     }[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("choiceTarget" | "choiceCancel")[], "choiceTarget" | "choiceCancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dialogShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly targetData: {
+        readonly type: import("vue").PropType<import("./htTarget").target[]>;
+        readonly default: readonly [];
+    };
+}>> & {
+    onChoiceTarget?: ((...args: any[]) => any) | undefined;
+    onChoiceCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly targetData: import("./htTarget").target[];
+    readonly dialogShow: boolean;
+}, {}>;
 export default _default;

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

@@ -17,13 +17,17 @@ const _hoisted_6 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
     createVNode($setup["ElDialog"], {
-      modelValue: $setup.aaa,
-      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.aaa = $event),
-      class: "dialog"
+      modelValue: $setup.dialogShow,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.dialogShow = $event),
+      class: "dialog",
+      onClose: _cache[5] || (_cache[5] = ($event) => $setup.emit("choiceCancel"))
     }, {
       footer: withCtx(() => [
         createElementVNode("div", _hoisted_6, [
-          createVNode($setup["ElButton"], { type: "primary" }, {
+          createVNode($setup["ElButton"], {
+            onClick: $setup.confirmTarge,
+            type: "primary"
+          }, {
             default: withCtx(() => [
               createTextVNode(" Confirm ")
             ]),
@@ -105,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: item.key
                                 }, [
                                   createVNode($setup["ElCheckbox"], {
-                                    onChange: ($event) => $setup.selectedTarget(item.key, "target"),
+                                    onChange: ($event) => $setup.selectedTarget(item.key, $setup.selectedHead, "target"),
                                     disabled: $setup.checkList.includes(item.key),
                                     label: item.name,
                                     value: item.key
@@ -136,7 +140,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                   key: item.key
                                 }, [
                                   createVNode($setup["ElCheckbox"], {
-                                    onChange: ($event) => $setup.selectedTarget(item.key, "basic"),
+                                    onChange: ($event) => $setup.selectedTarget(item.key, $setup.selectedHead, "basic"),
                                     disabled: $setup.checkList.includes(item.key),
                                     label: item.name,
                                     value: item.key

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

@@ -1,19 +1,24 @@
-import { defineComponent, ref, onMounted } from 'vue';
+import { defineComponent, ref, onMounted, watch } from 'vue';
 import { ElDialog, ElButton, ElRow, ElCol, ElRadioGroup, ElRadio, ElCheckboxGroup, ElCheckbox, ElRadioButton } from 'element-plus';
+import { targetProps } from './htTarget.mjs';
 import { TARGET_HEAD_KEY, TARGET_END_KEY, BASIC_KEY } from '../../../constants/target.mjs';
 import '../../../constants/chartConfig.mjs';
 import cloneDeep from 'lodash.clonedeep';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "htTarget",
-  setup(__props, { expose: __expose }) {
+  props: targetProps,
+  emits: ["choiceTarget", "choiceCancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
+    const props = __props;
+    const emit = __emit;
     const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
     const allfoot = ref(cloneDeep(TARGET_END_KEY));
     const selectedHead = ref("lastOneMonth");
     const checkList = ref([]);
+    const dialogShow = ref(false);
     const typeTag = ref("target");
-    const aaa = ref(true);
     onMounted(() => {
       let startYear = 2018;
       const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
@@ -25,7 +30,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         startYear++;
       }
     });
+    watch(
+      () => props.dialogShow,
+      (val) => {
+        dialogShow.value = val;
+      }
+    );
+    watch(
+      () => props.targetData,
+      (val) => {
+        val.forEach((item) => {
+          if (item.key.startsWith("basic_")) {
+            const strSplit = item.key.split("_");
+            selectedTarget(strSplit[1], "", "basic");
+          } else {
+            const strSplit = item.key.split("_");
+            selectedTarget(strSplit[1], strSplit[0], "target");
+          }
+        });
+      },
+      { deep: true }
+    );
     const headChange = () => {
+      if (selectedHead.value === "thisWeek" || selectedHead.value === "thisMonth") {
+        allfoot.value = [
+          { name: "\u6536\u76CA", key: "return", dealType: "color_text_precent" },
+          { name: "\u5E74\u5316\u6536\u76CA", key: "yearReturn", dealType: "color_text_precent" }
+        ];
+      } else {
+        allfoot.value = cloneDeep(TARGET_END_KEY);
+      }
       if (selectedTree.value[selectedHead.value]) {
         checkList.value = selectedTree.value[selectedHead.value];
       } else {
@@ -34,24 +68,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const selectedTree = ref({});
     const selectedList = ref([]);
-    const selectedTarget = (val, type) => {
+    const selectedTarget = (val, headKey, type) => {
       let itemObj = {
         name: "",
-        key: ""
+        key: "",
+        dealType: ""
       };
       if (type === "target") {
-        if (selectedTree.value[selectedHead.value]) {
-          selectedTree.value[selectedHead.value].push(val);
+        if (selectedTree.value[headKey]) {
+          selectedTree.value[headKey].push(val);
         } else {
-          selectedTree.value[selectedHead.value] = [val];
+          selectedTree.value[headKey] = [val];
         }
-        const filterHead = TARGET_HEAD_KEY.filter((item) => item.key === selectedHead.value);
+        const filterHead = TARGET_HEAD_KEY.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 : "";
         itemObj = {
           name: headName + footName,
-          key: `${selectedHead.value}+${val}`
+          key: `${headKey}_${val}`,
+          dealType: footName ? filterFoot[0].dealType : ""
         };
       }
       if (type === "basic") {
@@ -64,22 +100,31 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
         itemObj = {
           name: footName,
-          key: `basic+${val}`
+          key: `basic_${val}`,
+          dealType: footName ? filterFoot[0].dealType : ""
         };
       }
       selectedList.value.push(itemObj);
     };
     const deleteItem = (key) => {
-      console.log(key);
-      const keyList = key.split("+");
-      console.log(keyList);
+      const keyList = key.split("_");
       if (selectedHead.value === keyList[0]) {
         checkList.value = checkList.value.filter((item) => item !== keyList[1]);
       }
       selectedTree.value[keyList[0]] = selectedTree.value[keyList[0]].filter((item) => item !== keyList[1]);
       selectedList.value = selectedList.value.filter((item) => item.key !== key);
     };
-    const __returned__ = { targetHead, allfoot, selectedHead, checkList, typeTag, aaa, headChange, selectedTree, selectedList, selectedTarget, deleteItem, get ElDialog() {
+    const confirmTarge = () => {
+      const selectedTable = selectedList.value.map((item) => {
+        return {
+          name: item.name,
+          key: `${item.key}`,
+          dealType: item.dealType
+        };
+      });
+      emit("choiceTarget", selectedTable);
+    };
+    const __returned__ = { props, emit, targetHead, allfoot, selectedHead, checkList, dialogShow, typeTag, headChange, selectedTree, selectedList, selectedTarget, deleteItem, confirmTarge, get ElDialog() {
       return ElDialog;
     }, get ElButton() {
       return ElButton;

package/es/components/htTarget/style/index.d.ts

@@ -0,0 +1 @@
+import 'hfn-components/theme-chalk/src/target.scss';

package/es/components/htTarget/style/index.mjs

@@ -0,0 +1 @@
+import 'hfn-components/theme-chalk/src/target.scss';

package/es/constants/table.d.ts

@@ -114,6 +114,7 @@ export declare const CLOUMN_DEAL: {
     notProcessed: null;
     other: null;
     customDeal: null;
+    customSlot: null;
 };
 export declare const convertKey: (data: any, key: string) => any;
 export type clounmKyeType = keyof typeof TABLE_KEY;

package/es/constants/table.mjs

@@ -139,7 +139,8 @@ const CLOUMN_DEAL = {
   thoundsandText4,
   notProcessed: null,
   other: null,
-  customDeal: null
+  customDeal: null,
+  customSlot: null
 };
 const convertKey = (data, key) => {
   const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();

package/es/constants/target.d.ts

@@ -2,19 +2,13 @@ export declare const TARGET_HEAD_KEY: {
     name: string;
     key: string;
 }[];
-export declare const TARGET_END_KEY: ({
+export declare const TARGET_END_KEY: {
     name: string;
     key: string;
-    slot: string;
-    excludeKey?: undefined;
-} | {
-    name: string;
-    key: string;
-    slot: string;
-    excludeKey: string;
-})[];
+    dealType: string;
+}[];
 export declare const BASIC_KEY: {
     name: string;
     key: string;
-    title: string;
+    dealType: string;
 }[];

package/es/constants/target.mjs

@@ -13,42 +13,42 @@ const TARGET_HEAD_KEY = [
   { name: "\u6210\u7ACB\u4EE5\u6765", key: "cucmulative" }
 ];
 const TARGET_END_KEY = [
-  { name: "\u6536\u76CA", key: "Return", slot: "color_text_precent" },
-  { name: "\u5E74\u5316\u6536\u76CA", key: "YearReturn", slot: "color_text_precent" },
-  { name: "\u8D85\u989D\u6536\u76CA", key: "ExcessReturn", slot: "color_text_precent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6536\u76CA", key: "ExcessYearReturn", slot: "color_text_precent" },
-  { name: "\u5E74\u5316\u6CE2\u52A8\u7387", key: "Vol", slot: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387", key: "ExcessVol", slot: "color_text_nocolor_noprecent" },
-  { name: "\u590F\u666E\u6BD4\u7387", key: "SharpeRatio", slot: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u590F\u666E\u6BD4\u7387", key: "ExcessSharpeRatio", slot: "color_text_no_thousandths" },
-  { name: "\u5361\u739B\u6BD4\u7387", key: "CalmarRatio", slot: "color_text_no_thousandths" },
-  { name: "\u8D85\u989D\u5361\u739B\u6BD4\u7387", key: "ExcessCalmarRatio", slot: "color_text_no_thousandths" },
-  { name: "\u7D22\u63D0\u8BFA\u6BD4\u7387", key: "SortinoRatio", slot: "color_text_no_thousandths" },
-  { name: "\u4E0B\u884C\u6807\u51C6\u5DEE", key: "DownsideStd", slot: "color_text_nocolor_noprecent" },
-  { name: "\u4E0B\u884C\u98CE\u9669", key: "DownsideDev", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4", key: "MaxDrawdown", slot: "color_text_nocolor_noprecent" },
-  { name: "\u8D85\u989D\u6700\u5927\u56DE\u64A4", key: "ExcessMaxDrawdown", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09", key: "MaxDrawdownDays", slot: "" },
-  { name: "Alpha", key: "Alpha", slot: "color_text_precent" },
-  { name: "Beta", key: "Beta", slot: "color_text_no_thousandths" },
-  { name: "\u8DDF\u8E2A\u8BEF\u5DEE", key: "TrackingError", slot: "color_text_nocolor_noprecent" },
-  { name: "\u4FE1\u606F\u6BD4\u7387", key: "InformationRatio", slot: "color_text_no_thousandths" },
-  { name: "\u504F\u5EA6", key: "Skew", slot: "color_text_no_thousandths" },
-  { name: "\u5CF0\u5EA6", key: "Kurt", slot: "color_text_no_thousandths" },
-  { name: "VaR\uFF0895%\u7F6E\u4FE1\uFF09", key: "CVaR", slot: "color_text_no_thousandths" },
-  { name: "\u5468\u80DC\u7387", key: "PositiveRatio", slot: "color_text_nocolor_noprecent" },
-  { name: "\u6708\u80DC\u7387", key: "MonthlyPositiveRatio", slot: "color_text_nocolor_noprecent", excludeKey: "" }
+  { name: "\u6536\u76CA", key: "return", dealType: "colorPercentage" },
+  { name: "\u5E74\u5316\u6536\u76CA", key: "yearReturn", dealType: "colorPercentage" },
+  { name: "\u8D85\u989D\u6536\u76CA", key: "excessReturn", dealType: "colorPercentage" },
+  { name: "\u8D85\u989D\u5E74\u5316\u6536\u76CA", key: "excessYearReturn", dealType: "colorPercentage" },
+  { name: "\u5E74\u5316\u6CE2\u52A8\u7387", key: "vol", dealType: "percentage" },
+  { name: "\u8D85\u989D\u5E74\u5316\u6CE2\u52A8\u7387", key: "excessVol", dealType: "percentage" },
+  { name: "\u590F\u666E\u6BD4\u7387", key: "sharpeRatio", dealType: "basicText4" },
+  { name: "\u8D85\u989D\u590F\u666E\u6BD4\u7387", key: "excessSharpeRatio", dealType: "basicText4" },
+  { name: "\u5361\u739B\u6BD4\u7387", key: "calmarRatio", dealType: "basicText4" },
+  { name: "\u8D85\u989D\u5361\u739B\u6BD4\u7387", key: "excessCalmarRatio", dealType: "basicText4" },
+  { name: "\u7D22\u63D0\u8BFA\u6BD4\u7387", key: "sortinoRatio", dealType: "basicText4" },
+  { name: "\u4E0B\u884C\u6807\u51C6\u5DEE", key: "downsideStd", dealType: "percentage" },
+  { name: "\u4E0B\u884C\u98CE\u9669", key: "downsideDev", dealType: "percentage" },
+  { name: "\u6700\u5927\u56DE\u64A4", key: "maxDrawdown", dealType: "percentage" },
+  { name: "\u8D85\u989D\u6700\u5927\u56DE\u64A4", key: "excessMaxDrawdown", dealType: "percentage" },
+  { name: "\u6700\u5927\u56DE\u64A4\u56DE\u8865\u671F\uFF08\u5929\uFF09", key: "maxDrawdownDays", dealType: "notProcessed" },
+  { name: "Alpha", key: "alpha", dealType: "colorPercentage" },
+  { name: "Beta", key: "beta", dealType: "basicText4" },
+  { name: "\u8DDF\u8E2A\u8BEF\u5DEE", key: "trackingError", dealType: "percentage" },
+  { name: "\u4FE1\u606F\u6BD4\u7387", key: "informationRatio", dealType: "basicText4" },
+  { name: "\u504F\u5EA6", key: "skew", dealType: "basicText4" },
+  { name: "\u5CF0\u5EA6", key: "kurt", dealType: "basicText4" },
+  { name: "VaR\uFF0895%\u7F6E\u4FE1\uFF09", key: "cVaR", dealType: "basicText4" },
+  { name: "\u5468\u80DC\u7387", key: "positiveRatio", dealType: "percentage" },
+  { name: "\u6708\u80DC\u7387", key: "monthlyPositiveRatio", dealType: "percentage" }
 ];
 const BASIC_KEY = [
-  { name: "\u7BA1\u7406\u4EBA", key: "Advisor", title: "" },
-  { name: "\u7B56\u7565", key: "strategyOne", title: "" },
-  { name: "\u5355\u4F4D\u51C0\u503C", key: "Nav", title: "" },
-  { name: "\u5355\u4F4D\u51C0\u503C\u6DA8\u8DCC\u5E45", key: "navPriceChange", title: "" },
-  { name: "\u7D2F\u8BA1\u51C0\u503C", key: "cumulativeNavWithdrawal", title: "" },
-  { name: "\u6210\u7ACB\u65E5\u671F", key: "inceptionDate", title: "" },
-  { name: "\u5C01\u95ED\u671F", key: "closedPeriod", title: "" },
-  { name: "\u5F00\u653E\u65E5", key: "openDay", title: "" },
-  { name: "\u5907\u6848\u53F7/\u4EE3\u7801", key: "registerNumber", title: "" }
+  { name: "\u7BA1\u7406\u4EBA", key: "advisor", dealType: "" },
+  { name: "\u7B56\u7565", key: "strategyOne", dealType: "" },
+  { name: "\u5355\u4F4D\u51C0\u503C", key: "nav", dealType: "" },
+  { name: "\u5355\u4F4D\u51C0\u503C\u6DA8\u8DCC\u5E45", key: "navPriceChange", dealType: "" },
+  { name: "\u7D2F\u8BA1\u51C0\u503C", key: "cumulativeNavWithdrawal", dealType: "" },
+  { name: "\u6210\u7ACB\u65E5\u671F", key: "inceptionDate", dealType: "" },
+  { name: "\u5C01\u95ED\u671F", key: "closedPeriod", dealType: "" },
+  { name: "\u5F00\u653E\u65E5", key: "openDay", dealType: "" },
+  { name: "\u5907\u6848\u53F7/\u4EE3\u7801", key: "registerNumber", dealType: "" }
 ];
 
 export { BASIC_KEY, TARGET_END_KEY, TARGET_HEAD_KEY };

package/package.json

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

package/theme-chalk/ht-target.css

@@ -0,0 +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}

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%}
+.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}

package/theme-chalk/src/index.scss

@@ -1 +1,2 @@
-@use './chart.scss';
+@use './chart.scss';
+@use './target.scss'

package/theme-chalk/src/target.scss

@@ -0,0 +1,20 @@
+.dialog {
+  width: 860px !important;
+  padding: 24px !important;
+}
+.factor-content {
+  width: 100%;
+  height: 380px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.factor_item {
+  width: 33.33%;
+  margin-bottom: 10px;
+  display: flex;
+}
+.check_item {
+  display: flex;
+  justify-content: space-between;
+}