@gct-paas/core-web 0.1.4-dev.0 → 0.1.4-dev.10

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;
+    };
+};

package/es/components/double-input/double-input.vue.mjs

@@ -0,0 +1,158 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { isNil } from 'lodash-es';
+import BigNumber from 'bignumber.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "double-input",
+  props: {
+    doubleValue: {},
+    isSeparator: { type: Boolean },
+    onEnter: {},
+    renderScript: {},
+    digits: {},
+    enableStepCounter: { type: Boolean }
+  },
+  emits: ["update:doubleValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputAttr = ref({});
+    const inputNumberRef = ref();
+    const inputValue = computed({
+      get() {
+        const { val, precision } = getFormatterValue(props.doubleValue);
+        setInputAttr(precision);
+        return val;
+      },
+      set(value) {
+        emit("update:doubleValue", value);
+      }
+    });
+    const countDecimals = (num) => {
+      const str = String(num);
+      const match = str.match(/\.(\d+)/);
+      return match ? match[1].length : 0;
+    };
+    const formatterValue = (inputValue2) => {
+      let value = inputValue2?.toString();
+      if (props.isSeparator && value) {
+        value = value.replace(/\$\s?|(,*)/g, "");
+      }
+      const currentValue = parseFloat(value);
+      if (isNaN(currentValue)) {
+        return {
+          val: null
+        };
+      }
+      if (value.toString().indexOf(".") === 0) {
+        value = `0${value}`;
+      }
+      if (Number.isInteger(currentValue)) {
+        const reg = new RegExp(`^${currentValue}(\\.)`, "g");
+        if (reg.test(value)) {
+          const firstVal = value.replace(
+            new RegExp(`^(${currentValue}(\\.))(.*)`),
+            "$1"
+          );
+          if (firstVal === `${currentValue}.`) {
+            const otherVal = value.replace(reg, "");
+            let dIndex = otherVal.toString().indexOf(".");
+            if (dIndex === 0) {
+              return {
+                val: currentValue
+              };
+            }
+            if (parseFloat(otherVal) === 0) {
+              const decimalValue = otherVal.toString().replace(new RegExp(`^(\\d*)(.*)`), "$1");
+              return {
+                val: `${currentValue}.${decimalValue}`,
+                precision: decimalValue.length
+              };
+            }
+          }
+        }
+        return {
+          val: currentValue
+        };
+      } else {
+        const _val = value.replace(new RegExp(`^(\\d*\\.\\d*)(.*)`), "$1");
+        if (_val === currentValue.toString()) {
+          return {
+            val: _val
+          };
+        }
+        return {
+          val: _val,
+          precision: countDecimals(_val)
+        };
+      }
+    };
+    const getFormatterValue = (inputValue2) => {
+      const res = formatterValue(inputValue2);
+      if (isNil(props.digits)) {
+        return res;
+      }
+      const { val, precision } = res;
+      return {
+        val: val ? Number(new BigNumber(val).toFixed(props.digits, 1)) : val,
+        precision
+      };
+    };
+    const setInputAttr = (precision) => {
+      inputAttr.value = {};
+      if (precision !== void 0 && isNil(props.digits)) {
+        inputAttr.value = {
+          precision
+        };
+      }
+    };
+    const onChangeValue = (event) => {
+      const {
+        target: { value: inputValue2 }
+      } = event || {};
+      const { val, precision } = getFormatterValue(inputValue2);
+      setInputAttr(precision);
+      emit("update:doubleValue", val);
+    };
+    const onPressEnter = (event) => {
+      onChangeValue(event);
+      if (props.onEnter && typeof props.onEnter === "function") {
+        props.onEnter?.(event);
+      }
+    };
+    __expose({
+      input: inputNumberRef,
+      onChangeValue
+    });
+    return (_ctx, _cache) => {
+      const _component_a_input_number = resolveComponent("a-input-number");
+      return openBlock(), createBlock(_component_a_input_number, mergeProps({
+        ref_key: "inputNumberRef",
+        ref: inputNumberRef
+      }, inputAttr.value, {
+        value: inputValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+        onBlur: onChangeValue,
+        onPressEnter
+      }), createSlots({ _: 2 }, [
+        __props.enableStepCounter ? {
+          name: "addonBefore",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "step-down")
+          ]),
+          key: "0"
+        } : void 0,
+        __props.enableStepCounter || __props.renderScript ? {
+          name: "addonAfter",
+          fn: withCtx(() => [
+            __props.renderScript ? (openBlock(), createBlock(resolveDynamicComponent(__props.renderScript), { key: 0 })) : createCommentVNode("", true),
+            __props.enableStepCounter ? renderSlot(_ctx.$slots, "step-up", { key: 1 }) : createCommentVNode("", true)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/double-input/double-input.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './double-input.vue.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/index.d.ts

@@ -1,5 +1,18 @@
+import { App } from 'vue';
+import { default as SvgIcon } from './svg-icon/svg-icon.vue';
+import { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon';
+import { default as BaseButton } from './base-button/base-button.vue';
+import { default as BasicButton } from './basic-button/basic-button.vue';
+import { WuJieContainer } from './wujie-container/wujie-container';
+import { default as DoubleInput } from './double-input/double-input.vue';
+import { default as CopyModuleKey } from './copy-module-key/copy-module-key.vue';
+export { SvgIcon, AssetsSvgIcon, BaseButton, BasicButton, WuJieContainer, DoubleInput, CopyModuleKey, };
 export { CodeEditor } from './code-editor/code-editor';
 export { FlexContainer } from './layout/flex-container/flex-container';
 export { FlexItem } from './layout/flex-item/flex-item';
 export { GridContainer } from './layout/grid-container/grid-container';
 export { ViewContainer } from './layout/view-container/view-container';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/components/index.mjs

@@ -1,7 +1,26 @@
-export { CodeEditor } from './code-editor/code-editor.mjs';
-export { FlexContainer } from './layout/flex-container/flex-container.mjs';
-export { FlexItem } from './layout/flex-item/flex-item.mjs';
-export { GridContainer } from './layout/grid-container/grid-container.mjs';
-export { ViewContainer } from './layout/view-container/view-container.mjs';
+import _sfc_main from './svg-icon/svg-icon.vue.mjs';
+import './layout/view-container/view-container.css';import './layout/flex-container/flex-container.css';import './code-editor/code-editor.css';import './copy-module-key/copy-module-key.css';import './basic-button/basic-button.css';import './base-button/base-button.css';import './svg-icon/svg-icon.css';/* empty css                        */
+import { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon.mjs';
+import 'vue';
+import 'ant-design-vue';
+import 'lodash-es';
+import '@gct-paas/core';
+/* empty css                              */
+/* empty css                                */
+import { WuJieContainer } from './wujie-container/wujie-container.mjs';
+import 'bignumber.js';
+/* empty css                                      */
+import '@monaco-editor/loader';
+/* empty css                              */
+/* empty css                                           */
+/* empty css                                           */
 
-"use strict";
+const Comps = {
+  install(app) {
+    app.component(AssetsSvgIcon.name, AssetsSvgIcon);
+    app.component(_sfc_main.name, _sfc_main);
+    app.component(WuJieContainer.name, WuJieContainer);
+  }
+};
+
+export { AssetsSvgIcon, _sfc_main as SvgIcon, WuJieContainer, Comps as default };

package/es/components/layout/flex-container/flex-container.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-flex-container {
+  display: flex;
+}

package/es/components/layout/flex-container/flex-container.mjs

@@ -1,19 +1,23 @@
-import { isVNode, defineComponent, createVNode } from 'vue';
+import { defineComponent, createVNode, isVNode } from 'vue';
 import { FlexItem } from '../flex-item/flex-item.mjs';
 import { useNamespace } from '@gct-paas/core';
-import './flex-container.scss';
+import './flex-container.css';/* empty css                     */
 
-"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * flex 布局容器
+ */
 function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 const FlexContainer = /* @__PURE__ */ defineComponent({
-  name: "FlexContainer",
+  name: 'FlexContainer',
   props: {
     layout: Object
   },
   setup(props) {
-    const ns = useNamespace("flex-container");
+    const ns = useNamespace('flex-container');
     const getStyle = () => {
       const style = {};
       if (props.layout) {
@@ -42,7 +46,7 @@ const FlexContainer = /* @__PURE__ */ defineComponent({
       }
       return style;
     };
-    const getItemStyle = (model) => {
+    const getItemStyle = model => {
       const style = {};
       if (model) {
         const {
@@ -72,7 +76,7 @@ const FlexContainer = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": this.ns.b(),
       "style": this.getStyle()
-    }, [items.map((item) => {
+    }, [items.map(item => {
       if (!item) {
         return null;
       }
@@ -87,4 +91,4 @@ const FlexContainer = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { FlexContainer, FlexContainer as default };
+export { FlexContainer };

package/es/components/layout/flex-item/flex-item.mjs

@@ -1,14 +1,16 @@
 import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@gct-paas/core';
 
-"use strict";
+/**
+ * flex 布局容器项
+ */
 const FlexItem = /* @__PURE__ */ defineComponent({
-  name: "FlexItem",
+  name: 'FlexItem',
   props: {
     layout: Object
   },
   setup(props) {
-    const ns = useNamespace("flex-item");
+    const ns = useNamespace('flex-item');
     const getStyle = () => {
       const style = {};
       if (props.layout) {
@@ -20,19 +22,19 @@ const FlexItem = /* @__PURE__ */ defineComponent({
           flexShrink
         } = props.layout;
         if (order != null) {
-          style["order"] = order;
+          style['order'] = order;
         }
         if (alignSelf != null) {
-          style["align-self"] = alignSelf;
+          style['align-self'] = alignSelf;
         }
         if (flexBasis != null) {
-          style["flex-basis"] = flexBasis;
+          style['flex-basis'] = flexBasis;
         }
         if (flexGrow != null) {
-          style["flex-grow"] = flexGrow;
+          style['flex-grow'] = flexGrow;
         }
         if (flexShrink != null) {
-          style["flex-shrink"] = flexShrink;
+          style['flex-shrink'] = flexShrink;
         }
       }
       return style;
@@ -50,4 +52,4 @@ const FlexItem = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { FlexItem, FlexItem as default };
+export { FlexItem };

package/es/components/layout/grid-container/grid-container.mjs

@@ -1,17 +1,21 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, isVNode } from 'vue';
 import { useNamespace } from '@gct-paas/core';
 
-"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/**
+ * 栅格布局
+ */
 function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
 const GridContainer = /* @__PURE__ */ defineComponent({
-  name: "GridContainer",
+  name: 'GridContainer',
   props: {
     layout: Object
   },
   setup() {
-    const ns = useNamespace("grid-container");
+    const ns = useNamespace('grid-container');
     return {
       ns
     };
@@ -27,7 +31,7 @@ const GridContainer = /* @__PURE__ */ defineComponent({
       "class": this.ns.b(),
       "wrap": true,
       "gutter": l.gutter
-    }, _isSlot(_slot = items.map((item) => {
+    }, _isSlot(_slot = items.map(item => {
       if (!item) {
         return null;
       }
@@ -44,4 +48,4 @@ const GridContainer = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { GridContainer, GridContainer as default };
+export { GridContainer };