hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/lib/components/appForm/cpns/appFormItem.vue.js

@@ -0,0 +1,316 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index$3 = require('../../appDatePicker/index.js');
+var index$4 = require('../../appOrgCascader/index.js');
+var index = require('../js/index.js');
+var form = require('../../../utils/form.js');
+var index$1 = require('../../appTooltip/index.js');
+var index$2 = require('../../appInput/index.js');
+var is = require('../../../utils/is.js');
+var handler = require('../../../utils/handler.js');
+
+const _sfc_main = {
+  __name: "appFormItem",
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    parentProp: {
+      type: String
+    },
+    index: {
+      type: Number
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const columnProp = vue.computed(() => {
+      let field = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
+      if (props.parentProp) {
+        field = [props.parentProp, props.index, field];
+      }
+      return field;
+    });
+    const bindValue = vue.computed({
+      get() {
+        const prop = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
+        return form.getValueByProp(props.model, prop);
+      },
+      set(val) {
+        const prop = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
+        form.setValueByProp(props.model, prop, val);
+      }
+    });
+    const bindValue2 = vue.computed({
+      get() {
+        const prop = is.isArray(props.column.field) ? props.column.field[1] : props.column.field;
+        return form.getValueByProp(props.model, prop);
+      },
+      set(val) {
+        const prop = is.isArray(props.column.field) ? props.column.field[1] : props.column.field;
+        form.setValueByProp(props.model, prop, val);
+      }
+    });
+    function onChangeHandler(...args) {
+      const { onChange } = props.column;
+      if (!onChange) return;
+      onChange(props.column, props.model);
+    }
+    return (_ctx, _cache) => {
+      return vue.unref(index.columnShowHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
+        key: 0,
+        rules: __props.column.rules,
+        prop: columnProp.value,
+        style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, __props.column))
+      }, {
+        default: vue.withCtx(() => [
+          vue.createCommentVNode(" \u8868\u5355\u9879label "),
+          vue.createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
+            vue.createElementVNode("div", { class: "flex items-center" }, [
+              vue.renderSlot(_ctx.$slots, __props.column.labelSlot, {
+                column: __props.column,
+                model: __props.model,
+                required: vue.unref(index.isRequired)(props, __props.column)
+              }, () => [
+                vue.createElementVNode(
+                  "span",
+                  { class: "text-main" },
+                  vue.toDisplayString(__props.column.label),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              vue.unref(index.isRequired)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: "label-required"
+              })) : vue.createCommentVNode("v-if", true),
+              vue.unref(handler.funRunHandler)(__props.column.help) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.AppTooltip), {
+                key: 1,
+                "is-always": "",
+                content: vue.unref(handler.funRunHandler)(__props.column.help)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                    size: "14",
+                    color: "rgba(var(--hy-theme))",
+                    class: "ml-1.5"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(iconsVue.QuestionFilled))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            __props.column.rightSlot && _ctx.$slots[__props.column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "ml-2"
+            }, [
+              vue.renderSlot(_ctx.$slots, __props.column.rightSlot, {
+                column: __props.column,
+                model: __props.model,
+                required: vue.unref(index.isRequired)(props, __props.column)
+              })
+            ])) : vue.createCommentVNode("v-if", true)
+          ]),
+          vue.createCommentVNode(" \u5185\u5BB9\u4EC5\u67E5\u770B "),
+          __props.column.readonly || __props.readonly || !__props.column.type && !__props.column.slot ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "w-full text-main h-[32px]"
+          }, [
+            vue.unref(index.renderText)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              { key: 0 },
+              vue.toDisplayString(vue.unref(index.renderText)(props, __props.column)),
+              1
+              /* TEXT */
+            )) : (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: "text-auxiliary"
+            }, "- -"))
+          ])) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
+              __props.column.slot && _ctx.$slots[__props.column.slot] ? vue.renderSlot(_ctx.$slots, __props.column.slot, {
+                key: 0,
+                column: __props.column,
+                model: __props.model,
+                required: vue.unref(index.isRequired)(props, __props.column)
+              }) : __props.column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 1 },
+                [
+                  vue.createCommentVNode(" \u8F93\u5165\u6846 "),
+                  vue.createVNode(vue.unref(index$2.AppInput), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "select" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 2 },
+                [
+                  vue.createCommentVNode(" \u9009\u62E9\u6846 "),
+                  vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 3 },
+                [
+                  vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
+                  ["datetimerange", "daterange", "monthrange", "yearrange"].includes(
+                    __props.column.attrs?.type
+                  ) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.AppDatePicker), vue.mergeProps({
+                    key: 0,
+                    start: bindValue.value,
+                    "onUpdate:start": ($event) => bindValue.value = $event,
+                    end: bindValue2.value,
+                    "onUpdate:end": ($event) => bindValue2.value = $event,
+                    "is-range": true,
+                    style: { "width": "100%" }
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.AppDatePicker), vue.mergeProps({
+                    key: 1,
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event,
+                    "is-range": false,
+                    style: { "width": "100%" }
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : __props.column.type === "radio" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 4 },
+                [
+                  vue.createCommentVNode(" \u5355\u9009 "),
+                  vue.createVNode(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "checkbox" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 5 },
+                [
+                  vue.createCommentVNode(" \u591A\u9009 "),
+                  vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "switch" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 6 },
+                [
+                  vue.createCommentVNode(" \u5F00\u5173 "),
+                  vue.createVNode(vue.unref(elementPlus.ElSwitch), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "input-number" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 7 },
+                [
+                  vue.createCommentVNode(" \u6570\u5B57\u8F93\u5165\u6846 "),
+                  vue.createVNode(vue.unref(elementPlus.ElInputNumber), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 8 },
+                [
+                  vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
+                  vue.createVNode(vue.unref(index$4.AppOrgCascader), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event,
+                    class: "w-full"
+                  }, __props.column.attrs, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : vue.createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["rules", "prop", "style"])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+};
+
+exports.default = _sfc_main;

package/lib/components/appForm/cpns/arrayItem.vue.js

@@ -0,0 +1,309 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index = require('../js/index.js');
+var appFormItem = require('./appFormItem.vue.js');
+var useAppForm = require('../js/useAppForm.js');
+var useLocale = require('../../../hooks/useLocale.js');
+var form = require('../../../utils/form.js');
+var is = require('../../../utils/is.js');
+var handler = require('../../../utils/handler.js');
+var index$1 = require('../../appTooltip/index.js');
+
+const _sfc_main = {
+  __name: "arrayItem",
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    columnNum: {
+      type: Number,
+      default: 1
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale.useLocale();
+    const bindValue = vue.computed({
+      get() {
+        const prop = props.column.field;
+        return form.getValueByProp(props.model, prop);
+      },
+      set(val) {
+        const prop = props.column.field;
+        form.setValueByProp(props.model, prop, val);
+      }
+    });
+    const containerRef = vue.useTemplateRef("containerRef");
+    vue.ref(0);
+    vue.ref(false);
+    vue.ref(null);
+    const containerStyle = vue.computed(() => {
+      const columnNum = is.isNumber(props.column.columnNum) && props.column.columnNum > 0 ? props.column.columnNum : is.isNumber(props.columnNum) && props.columnNum > 0 ? props.columnNum || 1 : 1;
+      return {
+        gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`
+      };
+    });
+    function onAddItemHandler() {
+      if (!is.isArray(bindValue.value)) {
+        bindValue.value = [];
+      }
+      bindValue.value.push(useAppForm.resetAppFormValue(props.column.children));
+    }
+    function onDeleteItemHandler(index) {
+      bindValue.value.splice(index, 1);
+    }
+    function onSwapItemHandler(index, index2) {
+      const list = bindValue.value;
+      list[index] = list.splice(index2, 1, list[index])[0];
+    }
+    return (_ctx, _cache) => {
+      const _component_QuestionFilled = vue.resolveComponent("QuestionFilled");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(["w-full flex justify-between text-main", [__props.size === "small" ? "text-xs" : "text-sm"]])
+          },
+          [
+            vue.createElementVNode("div", { class: "flex items-center" }, [
+              vue.renderSlot(_ctx.$slots, __props.column.labelSlot, {
+                column: __props.column,
+                model: __props.model,
+                required: vue.unref(index.isRequired)(props, __props.column)
+              }, () => [
+                vue.createElementVNode(
+                  "span",
+                  { class: "text-main" },
+                  vue.toDisplayString(__props.column.label),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              vue.unref(handler.funRunHandler)(__props.column.help) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.AppTooltip), {
+                key: 0,
+                "is-always": "",
+                content: vue.unref(handler.funRunHandler)(__props.column.help)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                    size: "14",
+                    color: "rgba(var(--hy-theme))",
+                    class: "ml-1.5"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_QuestionFilled)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            __props.column.rightSlot && _ctx.$slots[__props.column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "ml-2"
+            }, [
+              vue.renderSlot(_ctx.$slots, __props.column.rightSlot, {
+                column: __props.column,
+                model: __props.model,
+                required: vue.unref(index.isRequired)(props, __props.column)
+              })
+            ])) : vue.createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        ),
+        vue.createElementVNode(
+          "div",
+          {
+            class: "overflow-y-auto scroll-body",
+            style: vue.normalizeStyle({ maxHeight: `${__props.column.height || 500}px` })
+          },
+          [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(bindValue.value, (item, index$1) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: index$1,
+                    class: vue.normalizeClass(["bg-background-2 rounded-[6px] border border-border my-1.5", [__props.size === "small" ? "px-4 pt-2" : " pt-3 px-5"]])
+                  },
+                  [
+                    vue.createElementVNode("div", { class: "flex items-center min-h-[36px]" }, [
+                      vue.createElementVNode("div", { class: "flex items-center gap-2 text-xs" }, [
+                        vue.createElementVNode(
+                          "div",
+                          { class: "w-4 h-4 rounded-full border-[2px] border-theme text-theme font-bold flex items-center justify-center" },
+                          vue.toDisplayString(index$1 + 1),
+                          1
+                          /* TEXT */
+                        ),
+                        vue.renderSlot(_ctx.$slots, __props.column.itemLabelSlot, {
+                          column: __props.column,
+                          index: index$1
+                        }, () => [
+                          vue.createElementVNode(
+                            "span",
+                            { class: "text-auxiliary" },
+                            vue.toDisplayString(vue.unref(index.renderArrayItemLabel)(props, __props.column, index$1)),
+                            1
+                            /* TEXT */
+                          )
+                        ])
+                      ]),
+                      vue.createElementVNode("div", { class: "flex items-center gap-3 ml-auto" }, [
+                        bindValue.value.length > 1 || props.column.emptyChildren ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 0,
+                          class: "clickBox bg-background py-0.5 px-1.5 rounded",
+                          onClick: ($event) => onDeleteItemHandler(index$1)
+                        }, [
+                          vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                            size: "14",
+                            color: "rgb(var(--hy-danger-2))"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Delete))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
+                        bindValue.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                          key: 1,
+                          class: "flex flex-col justify-center"
+                        }, [
+                          index$1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                            key: 0,
+                            size: "16",
+                            class: "text-auxiliary hover:text-main clickBox",
+                            onClick: ($event) => onSwapItemHandler(index$1, index$1 - 1)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Top))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
+                          index$1 !== bindValue.value.length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                            key: 1,
+                            size: "16",
+                            class: "text-auxiliary hover:text-main clickBox",
+                            onClick: ($event) => onSwapItemHandler(index$1, index$1 + 1)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Bottom))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+                        ])) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ]),
+                    vue.createElementVNode(
+                      "div",
+                      {
+                        ref_for: true,
+                        ref_key: "containerRef",
+                        ref: containerRef,
+                        class: "grid gap-x-6",
+                        style: vue.normalizeStyle(containerStyle.value)
+                      },
+                      [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(__props.column.children, (citem, cindex) => {
+                            return vue.openBlock(), vue.createBlock(appFormItem.default, {
+                              key: cindex,
+                              model: item,
+                              column: citem,
+                              "parent-prop": __props.column.field,
+                              index: index$1,
+                              loading: __props.loading,
+                              readonly: __props.readonly
+                            }, vue.createSlots({
+                              _: 2
+                              /* DYNAMIC */
+                            }, [
+                              vue.renderList(_ctx.$slots, (_, slotName) => {
+                                return {
+                                  name: slotName,
+                                  fn: vue.withCtx((scope) => [
+                                    vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                  ])
+                                };
+                              })
+                            ]), 1032, ["model", "column", "parent-prop", "index", "loading", "readonly"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ],
+                  2
+                  /* CLASS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        ),
+        vue.createElementVNode("div", { class: "flex justify-center mt-2.5" }, [
+          vue.createElementVNode("span", {
+            onClick: ($event) => onAddItemHandler(),
+            class: "flex items-center justify-center clickBox text-success"
+          }, [
+            vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.CirclePlus))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            vue.createElementVNode(
+              "span",
+              { style: { "margin-left": "6px" } },
+              vue.toDisplayString(vue.unref(index.renderAddLabel)(props, __props.column)),
+              1
+              /* TEXT */
+            )
+          ], 8, ["onClick"])
+        ])
+      ]);
+    };
+  }
+};
+
+exports.default = _sfc_main;