cnhis-design-vue 3.1.13 → 3.1.14-beta.2

package/es/packages/select-label/src/components/label-classify.vue_vue_type_script_setup_true_lang.js

@@ -1,127 +0,0 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, unref, Fragment, createElementVNode, renderList, createBlock, normalizeStyle, normalizeClass, withCtx, createVNode, toDisplayString, withDirectives, withModifiers, vShow, createTextVNode } from 'vue';
-import { NTag, NTooltip, NIcon, NButton, NInput } from 'naive-ui';
-import { Close, Add } from '@vicons/ionicons5';
-
-const _hoisted_1 = { class: "edit-content" };
-const _hoisted_2 = {
-  key: 0,
-  class: "label-disable-wrap"
-};
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-title" }, "\u65E0\u53EF\u9009\u6807\u7B7E", -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "label-disable-desc" }, "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u8FDB\u884C\u6807\u7B7E\u7BA1\u7406\u8BBE\u7F6E", -1);
-const _hoisted_5 = [
-  _hoisted_3,
-  _hoisted_4
-];
-const _hoisted_6 = { class: "label-content" };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode(" \u6807\u7B7E ");
-var script = /* @__PURE__ */ defineComponent({
-  __name: "label-classify",
-  props: {
-    classifyItem: { type: null, required: false, default: () => ({}) },
-    handleLabelChange: { type: Function, required: false, default: () => {
-    } },
-    handleLabelColor: { type: Function, required: false, default: () => {
-    } },
-    handleDelLabel: { type: Function, required: false, default: () => {
-    } },
-    handleAddLabel: { type: Function, required: false, default: () => {
-    } },
-    hanldeBlur: { type: Function, required: false, default: () => {
-    } },
-    clearaddVal: { type: Function, required: false, default: () => {
-    } },
-    isEdit: { type: Boolean, required: false, default: false },
-    sourceType: { type: String, required: false }
-  },
-  setup(__props) {
-    var _a;
-    const props = __props;
-    let itemList = ref(((_a = props.classifyItem) == null ? void 0 : _a.itemList) || []);
-    const onHandleLabelChange = (value, item, classifyItem) => {
-      item.isSelect = value;
-      props.handleLabelChange(value, item, classifyItem);
-    };
-    watch(() => props.classifyItem, (val) => {
-      itemList.value = (val == null ? void 0 : val.itemList) || [];
-    }, { immediate: true, deep: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createCommentVNode(" disable "),
-        !unref(itemList) ? (openBlock(), createElementBlock("div", _hoisted_2, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createCommentVNode("  "),
-          createElementVNode("div", _hoisted_6, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(itemList), (item) => {
-              return openBlock(), createBlock(unref(NTag), {
-                checkable: "",
-                checked: item.isSelect,
-                "onUpdate:checked": (value) => onHandleLabelChange(value, item, __props.classifyItem),
-                key: item.labelId,
-                style: normalizeStyle(__props.handleLabelColor(item)),
-                class: normalizeClass({ "sys-label-tag": item.isPublic && item.isPublic == 1 })
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(NTooltip), { placement: "top-start" }, {
-                    trigger: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
-                    ]),
-                    default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(item.labelName), 1)
-                    ]),
-                    _: 2
-                  }, 1024),
-                  __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NIcon), {
-                    key: 0,
-                    class: "label-close",
-                    component: unref(Close),
-                    onClick: withModifiers(($event) => __props.handleDelLabel(item, __props.classifyItem), ["stop"])
-                  }, null, 8, ["component", "onClick"])), [
-                    [vShow, !(item.isPublic && item.isPublic == 1)]
-                  ]) : createCommentVNode("v-if", true)
-                ]),
-                _: 2
-              }, 1032, ["checked", "onUpdate:checked", "style", "class"]);
-            }), 128)),
-            __props.classifyItem.allowCreateByPersonal == 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NButton), {
-                key: 0,
-                dashed: "",
-                class: "label-add",
-                onClick: _cache[0] || (_cache[0] = ($event) => __props.handleAddLabel($event, __props.classifyItem))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(NIcon), { component: unref(Add) }, null, 8, ["component"]),
-                  _hoisted_7
-                ]),
-                _: 1
-              }, 512)), [
-                [vShow, !__props.classifyItem.showAdd]
-              ]) : createCommentVNode("v-if", true),
-              createCommentVNode(" \u662F\u5426\u5141\u8BB8\u65B0\u589E\u4E2A\u4EBA\u6807\u7B7E allowCreateByPersonal "),
-              __props.isEdit && !__props.classifyItem.isNoAdd && __props.sourceType != "guage" ? withDirectives((openBlock(), createBlock(unref(NInput), {
-                key: 1,
-                class: "label-add add-input",
-                value: __props.classifyItem.addVal,
-                "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.classifyItem.addVal = $event),
-                valueModifiers: { trim: true },
-                onBlur: _cache[3] || (_cache[3] = ($event) => __props.hanldeBlur($event, __props.classifyItem))
-              }, {
-                suffix: withCtx(() => [
-                  createVNode(unref(NIcon), {
-                    component: unref(Close),
-                    onClick: _cache[1] || (_cache[1] = withModifiers(($event) => __props.clearaddVal($event, __props.classifyItem), ["stop"]))
-                  }, null, 8, ["component"])
-                ]),
-                _: 1
-              }, 8, ["value"])), [
-                [vShow, __props.classifyItem.showAdd]
-              ]) : createCommentVNode("v-if", true)
-            ], 64)) : createCommentVNode("v-if", true)
-          ])
-        ], 2112))
-      ]);
-    };
-  }
-});
-
-export { script as default };

package/es/packages/select-label/style/index.css

@@ -1,164 +0,0 @@
-.c-select-label .label-disable-wrap {
-  width: 100%;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-.c-select-label .label-disable-wrap .label-disable-img {
-  width: 320px;
-  height: 248px;
-}
-.c-select-label .common-label {
-  padding: 4px 12px;
-  margin-top: 8px !important;
-  border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.c-select-label .common-label > span {
-  margin-right: 16px;
-  color: rgba(0, 0, 0, 0.9);
-}
-.c-select-label .form-add-icon-label {
-  margin-bottom: 4px;
-  color: #2d7aff;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-}
-.c-select-label .anticon + .anticon {
-  margin-left: 16px;
-}
-.c-select-label .label-disable-wrap {
-  text-align: center;
-}
-.c-select-label .n-tag {
-  max-width: 108px;
-  margin: 0 8px 0 0;
-  border: 1px solid #e0e0e6;
-}
-.c-select-label .n-tag .n-base-icon {
-  color: #fff;
-}
-.c-select-label .n-tag .n-tag__content {
-  display: inline-block;
-  align-items: center;
-  max-width: 80px;
-  height: 100%;
-  line-height: 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.c-label-form-content {
-  width: 100%;
-  height: 100%;
-  border-top: 1px solid #e8e8e8;
-  border-bottom: 1px solid #e8e8e8;
-}
-.c-label-form-content .label-wrap {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-.c-label-form-content .label-wrap .left-label-wrap {
-  width: 140px;
-  height: 404px;
-  max-height: 404px;
-  border-right: 1px solid #e8e8e8;
-}
-.c-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap {
-  height: calc(100vh - 109px);
-  max-height: calc(100vh - 109px);
-}
-.c-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap {
-  width: 100%;
-  height: auto;
-  overflow: hidden;
-  overflow-y: auto;
-}
-.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link {
-  padding: 10px 8px;
-  font-size: 14px;
-}
-.c-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active {
-  background-color: #f2f2f2;
-}
-.c-label-form-content .label-wrap .right-label-wrap {
-  flex: 1;
-  height: 404px;
-  max-height: 404px;
-  overflow-y: auto;
-}
-.c-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap {
-  max-height: calc(100vh - 109px);
-}
-.c-label-form-content .label-wrap .right-label-wrap .label-add {
-  position: relative;
-  top: 2px;
-  height: 30px;
-  line-height: 30px;
-  width: 108px;
-  text-align: center;
-  display: inline-flex;
-  justify-content: center;
-}
-.c-label-form-content .label-wrap .right-label-wrap .add-input {
-  width: 108px;
-}
-.c-label-form-content .label-wrap .right-label-wrap .add-input .n-input__suffix {
-  cursor: pointer;
-}
-.c-label-form-content .label-wrap .explicit-continer {
-  width: 100%;
-  border: 1px solid #d5d5d5;
-}
-.c-label-form-content .edit-label-type {
-  font-size: 12px;
-  margin-left: 4px;
-}
-.c-label-form-content .edit-label-content {
-  padding: 0 14px;
-}
-.c-label-form-content .edit-label-content .edit-content {
-  width: 100%;
-  margin-top: 8px;
-  margin-bottom: 10px;
-}
-.c-label-form-content .edit-label-content .edit-content .n-tag {
-  max-width: 108px;
-  margin: 0 8px 8px 0;
-  text-align: center;
-  border: 1px solid #e0e0e6;
-}
-.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content {
-  display: inline-flex;
-  align-items: center;
-}
-.c-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span {
-  display: inline-block;
-  width: 80px;
-  height: 100%;
-  line-height: 30px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.n-dialog__title .svg-wrap {
-  margin: 0 0 0 auto;
-}
-.n-dialog__title .svg-wrap .svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-.n-dialog__title .svg-wrap svg {
-  font-size: 14px;
-  cursor: pointer;
-}
-.n-dialog__title .svg-wrap svg + svg {
-  margin-left: 16px;
-}