@gct-paas/core-web 0.1.4-dev.1 → 0.1.4-dev.11

package/es/components/basic-button/basic-button.vue3.mjs

@@ -0,0 +1,130 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createElementVNode, renderSlot, withModifiers } from 'vue';
+import { ButtonStyle } from '@gct-paas/core';
+
+const _hoisted_1 = { class: "inline-block align-middle" };
+const _hoisted_2 = { class: "align-middle leading-none" };
+const _hoisted_3 = { class: "align-middle leading-none" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "basic-button",
+  props: {
+    buttonType: { type: String, default: "" },
+    buttonTheme: { type: String, default: "" },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    iconColor: { type: String, default: "" },
+    buttonStyle: { type: String, default: "" },
+    dropdown: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["dropdown"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const getButtonClass = computed(() => {
+      const { buttonTheme, buttonStyle } = props;
+      const className = [`ant-btn-${buttonTheme}`];
+      if (buttonStyle === ButtonStyle.SQUARE) {
+        className.push("square");
+      } else {
+        className.push("line");
+      }
+      return className;
+    });
+    const getDropdownClass = computed(() => {
+      const { buttonTheme } = props;
+      return `ant-btn-${buttonTheme}`;
+    });
+    function handel() {
+      emit("dropdown");
+    }
+    return (_ctx, _cache) => {
+      const _component_IconNext = resolveComponent("IconNext");
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.dropdown ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["inline-block ant-btn-group", __props.buttonStyle === unref(ButtonStyle).SQUARE ? "squaref group" : ""])
+        }, [
+          createVNode(_component_a_button, {
+            class: normalizeClass(getButtonClass.value),
+            disabled: __props.disabled,
+            type: __props.buttonType,
+            "ant-click-animating-without-extra-node": "false"
+          }, {
+            default: withCtx(() => [
+              __props.icon ? (openBlock(), createBlock(_component_IconNext, {
+                key: 0,
+                class: "align-middle",
+                value: __props.icon,
+                size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+                color: __props.iconColor
+              }, null, 8, ["value", "size", "color"])) : createCommentVNode("", true),
+              __props.icon ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass({
+                  "inline-block w2px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+                  "h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+                })
+              }, null, 2)) : createCommentVNode("", true),
+              createElementVNode("span", _hoisted_2, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "disabled", "type"]),
+          createVNode(_component_a_button, {
+            disabled: __props.disabled,
+            type: __props.buttonType,
+            class: normalizeClass(getDropdownClass.value),
+            onClick: withModifiers(handel, ["stop"])
+          }, {
+            icon: withCtx(() => [
+              renderSlot(_ctx.$slots, "icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "type", "class"])
+        ], 2)) : (openBlock(), createBlock(_component_a_button, {
+          key: 1,
+          disabled: __props.disabled,
+          type: __props.buttonType,
+          class: normalizeClass(getButtonClass.value)
+        }, {
+          default: withCtx(() => [
+            __props.icon ? (openBlock(), createBlock(_component_IconNext, {
+              key: 0,
+              class: "align-middle",
+              value: __props.icon,
+              size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+              color: __props.iconColor
+            }, null, 8, ["value", "size", "color"])) : createCommentVNode("", true),
+            __props.icon ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass({
+                "inline-block w3px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+                "h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+              })
+            }, null, 2)) : createCommentVNode("", true),
+            createElementVNode("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ])
+          ]),
+          _: 3
+        }, 8, ["disabled", "type", "class"]))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/code-editor/code-editor.css

@@ -0,0 +1,67 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-code-editor {
+  height: 100%;
+}

package/es/components/code-editor/code-editor.d.ts

@@ -13,10 +13,7 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
         type: StringConstructor;
         default: string;
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    el: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: StringConstructor;
         default: string;

package/es/components/code-editor/code-editor.mjs

@@ -1,16 +1,14 @@
-import { defineComponent, createVNode, computed, ref, onMounted, onUnmounted } from 'vue';
+import { defineComponent, computed, ref, onMounted, onUnmounted, createVNode } from 'vue';
 import { useNamespace, deepMerge } from '@gct-paas/core';
-import '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
-import './code-editor.scss';
-import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
+import loader from '@monaco-editor/loader';
+import './code-editor.css';/* empty css                  */
 
-"use strict";
 const CodeEditor = /* @__PURE__ */ defineComponent({
-  name: "CodeEditor",
+  name: 'CodeEditor',
   props: {
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     config: {
       type: Object,
@@ -18,26 +16,26 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     },
     language: {
       type: String,
-      default: "typescript"
+      default: 'typescript'
     }
   },
-  emits: ["update:value"],
+  emits: ['update:value'],
   setup(props, {
     emit
   }) {
-    const ns = useNamespace("code-editor");
+    const ns = useNamespace('code-editor');
     const val = computed({
       get() {
-        return props.value || "";
+        return props.value || '';
       },
       set(v) {
-        emit("update:value", v);
+        emit('update:value', v);
       }
     });
     const el = ref(null);
     let monacoEditor = null;
     onMounted(() => {
-      loader.init().then((m) => {
+      loader.init().then(m => {
         if (el.value) {
           monacoEditor = m.editor.create(el.value, deepMerge({
             value: val.value,
@@ -56,16 +54,12 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       monacoEditor?.dispose();
     });
-    return {
-      ns,
-      el
+    return () => {
+      return createVNode("div", {
+        "ref": el,
+        "class": ns.b()
+      }, null);
     };
-  },
-  render() {
-    return createVNode("div", {
-      "ref": "el",
-      "class": this.ns.b()
-    }, null);
   }
 });
 

package/es/components/copy-module-key/copy-module-key.css

@@ -0,0 +1,24 @@
+
+.copy-wrap[data-v-531b3cd2] {
+  display: inline-block;
+}
+.iconfont.icon-fuzhi[data-v-531b3cd2] {
+  margin-left: 4px;
+  line-height: 0.8;
+  cursor: pointer;
+  position: relative;
+  top: 2px;
+}
+.copy-wrap-tooltip {
+&[data-v-531b3cd2] {
+  display: flex;
+  }
+.copy-key[data-v-531b3cd2] {
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+}
+}

package/es/components/copy-module-key/copy-module-key.vue.d.ts

@@ -0,0 +1,74 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    moduleKey: {
+        type: StringConstructor;
+        require: boolean;
+    };
+    /** 是否显示tips */
+    isTooltip: BooleanConstructor;
+    /** 是否支持拷贝 */
+    supportCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconPos: {
+        type: StringConstructor;
+        default: string;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    moduleKey: {
+        type: StringConstructor;
+        require: boolean;
+    };
+    /** 是否显示tips */
+    isTooltip: BooleanConstructor;
+    /** 是否支持拷贝 */
+    supportCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconPos: {
+        type: StringConstructor;
+        default: string;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    isTooltip: boolean;
+    supportCopy: boolean;
+    iconPos: string;
+    showText: boolean;
+    fontSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/copy-module-key/copy-module-key.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './copy-module-key.vue3.mjs';
+import './copy-module-key.css';/* empty css                      */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const copyModuleKey = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-531b3cd2"]]);
+
+export { copyModuleKey as default };

package/es/components/copy-module-key/copy-module-key.vue3.mjs

@@ -0,0 +1,104 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, withModifiers, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString, createTextVNode, normalizeStyle, unref } from 'vue';
+import { useCopyToClipboard, t } from '@gct-paas/core';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "copy-wrap copy-wrap-tooltip"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "copy-key"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "copy-wrap"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "copy-module-key",
+  props: {
+    /** 内容 */
+    moduleKey: {
+      type: String,
+      require: true
+    },
+    /** 是否显示tips */
+    isTooltip: Boolean,
+    /** 是否支持拷贝 */
+    supportCopy: {
+      type: Boolean,
+      default: true
+    },
+    iconPos: {
+      type: String,
+      default: "right"
+      //left / right
+    },
+    showText: {
+      type: Boolean,
+      default: true
+    },
+    fontSize: {
+      type: Number,
+      default: 14
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const isShowCopyIcon = computed(() => {
+      return props.moduleKey && props.supportCopy;
+    });
+    function handleClipboardKey() {
+      const { isSuccessRef } = useCopyToClipboard(props.moduleKey);
+      unref(isSuccessRef) && _gct.message.success(t("sys.copySuccess"));
+    }
+    return (_ctx, _cache) => {
+      const _component_a_tooltip = resolveComponent("a-tooltip");
+      return __props.isTooltip ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        isShowCopyIcon.value && __props.iconPos === "left" ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: "iconfont icon-fuzhi primary-gct",
+          style: { "margin-right": "4px" },
+          onClick: withModifiers(handleClipboardKey, ["stop"])
+        })) : createCommentVNode("", true),
+        createVNode(_component_a_tooltip, null, {
+          title: withCtx(() => [
+            createTextVNode(toDisplayString(__props.moduleKey), 1)
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              __props.showText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.moduleKey), 1)) : createCommentVNode("", true)
+            ], true)
+          ]),
+          _: 3
+        }),
+        isShowCopyIcon.value && __props.iconPos === "right" ? (openBlock(), createElementBlock("i", {
+          key: 1,
+          class: "iconfont icon-fuzhi primary-gct",
+          style: { "margin-left": "4px" },
+          onClick: withModifiers(handleClipboardKey, ["stop"])
+        })) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        isShowCopyIcon.value && __props.iconPos === "left" ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: "iconfont icon-fuzhi primary-gct",
+          style: { "margin-right": "4px" },
+          onClick: withModifiers(handleClipboardKey, ["stop"])
+        })) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          __props.showText ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            style: normalizeStyle(`font-size: ${__props.fontSize}px; overflow-wrap: anywhere`)
+          }, toDisplayString(__props.moduleKey), 5)) : createCommentVNode("", true)
+        ], true),
+        isShowCopyIcon.value && __props.iconPos === "right" ? (openBlock(), createElementBlock("i", {
+          key: 1,
+          class: "iconfont icon-fuzhi primary-gct",
+          style: { "margin-left": "4px" },
+          onClick: withModifiers(handleClipboardKey, ["stop"])
+        })) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/double-input/double-input.vue.d.ts

@@ -0,0 +1,49 @@
+interface Props {
+    doubleValue: number | string | unknown;
+    isSeparator?: boolean;
+    onEnter?: Fn;
+    /** 角标组件 */
+    renderScript?: Comment;
+    /** 小数位数 */
+    digits?: number;
+    /** 是否启用计步器 */
+    enableStepCounter?: boolean;
+}
+/**
+ * @interface IInputEvent
+ * 描述 Input 事件对象结构
+ */
+interface IInputEvent {
+    target: {
+        value: string | number;
+    };
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'step-down'?(_: {}): any;
+        'step-up'?(_: {}): any;
+    };
+    refs: {
+        inputNumberRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    input: import('vue').Ref<any, any>;
+    onChangeValue: (event: IInputEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:doubleValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:doubleValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputNumberRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};