@wfrog/vc-ui 1.3.1 → 1.5.0

package/dist/es/components/explorer-column-table/index.css

@@ -0,0 +1,49 @@
+/* source: src/components/explorer-column-table/explorer-column-table.vue */
+.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;outline:none;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;outline:none;padding:0 10px}.el-table-filter__list-item:focus,.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__multiple{outline:none}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--el-border-radius-base);cursor:pointer;margin:0;outline:none;padding:0;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table-filter__bottom button:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-filter__bottom button{color:var(--el-text-color-regular);font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}._table_ysja6_1 {
+  flex-grow: 1;
+  height: 100px;
+  --el-table-header-bg-color: var(--el-color-info-light-9);
+  --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
+}
+._label_ysja6_8 {
+  display: inline-flex;
+  width: 100%;
+}
+._label_ysja6_8 .el-checkbox {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  cursor: move;
+}
+._label_ysja6_8 .el-checkbox > span {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+}
+._label_ysja6_8 .el-checkbox__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+._item-container_ysja6_31 {
+  display: inline-flex;
+  align-items: center;
+  column-gap: 4px;
+  padding: 1px 0;
+  line-height: 0;
+  vertical-align: middle;
+}
+._item-container_ysja6_31 > div {
+  vertical-align: middle;
+}
+._truncate_ysja6_43 {
+  padding: 0 9px !important;
+}
+._truncate_ysja6_43.el-checkbox--small {
+  padding: 0 7px !important;
+}
+._truncate_ysja6_43.el-checkbox--large {
+  padding: 0 11px !important;
+}

package/dist/es/components/explorer-column-table/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-column-table.vue';
+export declare const VcExplorerColumnTable: SFCWithInstall<typeof Component>;
+export default VcExplorerColumnTable;

package/dist/es/components/explorer-column-table/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-column-table.mjs';
+
+const VcExplorerColumnTable = withInstall(Component);
+
+export { VcExplorerColumnTable, VcExplorerColumnTable as default };

package/dist/es/components/explorer-container/explorer-container.d.ts

@@ -0,0 +1,5 @@
+export interface IExplorerContainerProps {
+    title: string;
+    icon?: string;
+    loading?: boolean;
+}

package/dist/es/components/explorer-container/explorer-container.mjs

@@ -0,0 +1,76 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { v as vLoading } from '../../chunk/CwXV7M2F.mjs';
+import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-container",
+  props: {
+    title: {},
+    icon: { default: "carbon:information-square" },
+    loading: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _directive_loading = vLoading;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-container"])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style["header-container"])
+          }, [
+            __props.icon ? (openBlock(), createBlock(Component$1, {
+              key: 0,
+              name: __props.icon,
+              class: normalizeClass(_ctx.$style.icon)
+            }, null, 8, ["name", "class"])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ])
+          ], 2),
+          _ctx.$slots.action ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.actions)
+          }, [
+            renderSlot(_ctx.$slots, "action")
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        createVNode(Component$2, { always: "" }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        })
+      ], 2)), [
+        [_directive_loading, __props.loading]
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const header = "_header_1sfkk_8";
+const icon = "_icon_1sfkk_26";
+const style0 = {
+	"explorer-container": "_explorer-container_1sfkk_1",
+	header: header,
+	"header-container": "_header-container_1sfkk_22",
+	icon: icon
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_21 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_21 as _ };

package/dist/es/components/explorer-container/explorer-container.vue.d.ts

@@ -0,0 +1,23 @@
+import { IExplorerContainerProps } from './explorer-container';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        action?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerContainerProps> & Readonly<{}>, {
+    icon: string;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/explorer-container/index.css

@@ -0,0 +1,26 @@
+/* source: src/components/explorer-container/explorer-container.vue */
+._explorer-container_1sfkk_1 {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100px;
+}
+._header_1sfkk_8 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  min-height: 40px;
+  padding-bottom: 7px;
+  box-sizing: border-box;
+  margin-bottom: 8px;
+  color: var(--el-text-color-regular);
+  flex-wrap: wrap;
+  row-gap: 8px;
+}
+._header-container_1sfkk_22 {
+  font-size: 1.2em;
+}
+._icon_1sfkk_26 {
+  margin-right: 4px;
+}

package/dist/es/components/explorer-container/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-container.vue';
+export declare const VcExplorerContainer: SFCWithInstall<typeof Component>;
+export default VcExplorerContainer;

package/dist/es/components/explorer-container/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-container.mjs';
+
+const VcExplorerContainer = withInstall(Component);
+
+export { VcExplorerContainer, VcExplorerContainer as default };

package/dist/es/components/explorer-filter/explorer-filter.d.ts

@@ -0,0 +1,12 @@
+export interface IExplorerFilterProps {
+    placeholder?: string;
+    clearable?: boolean;
+    paddingBottom?: number;
+    create?: boolean;
+    debounce?: number;
+    disabled?: boolean;
+}
+export interface IExplorerFilterEmits {
+    (e: 'filter', keyword: string): void;
+    (e: 'create'): void;
+}

package/dist/es/components/explorer-filter/explorer-filter.mjs

@@ -0,0 +1,81 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { E as ElButton } from '../../chunk/CqTa_Vd-.mjs';
+import { E as ElInput } from '../../chunk/CKZGL4_3.mjs';
+import { defineComponent, useCssVars, ref, createElementBlock, openBlock, normalizeClass, createVNode, createBlock, createCommentVNode, unref, withKeys, isRef } from 'vue';
+import { Search, Plus } from '@element-plus/icons-vue';
+import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-filter",
+  props: {
+    placeholder: { default: "查询" },
+    clearable: { type: Boolean, default: true },
+    paddingBottom: { default: 8 },
+    create: { type: Boolean },
+    debounce: { default: 300 },
+    disabled: { type: Boolean }
+  },
+  emits: ["filter", "create"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "b224534e": `${_ctx.paddingBottom}px`
+    }));
+    const props = __props;
+    const emits = __emit;
+    const { filterKeyword } = injectExplorerPanelState();
+    const keyword = ref("");
+    function handleFilter() {
+      if (filterKeyword.value === keyword.value) {
+        return;
+      }
+      filterKeyword.value = keyword.value;
+      emits("filter", keyword.value);
+    }
+    const keywordChange = debounce(() => handleFilter(), props.debounce);
+    return (_ctx, _cache) => {
+      const _component_ElInput = ElInput;
+      const _component_ElButton = ElButton;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-filter"])
+      }, [
+        createVNode(_component_ElInput, {
+          modelValue: unref(keyword),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(keyword) ? keyword.value = $event : null),
+          placeholder: __props.placeholder,
+          clearable: __props.clearable,
+          "prefix-icon": unref(Search),
+          disabled: __props.disabled,
+          onKeydown: withKeys(handleFilter, ["enter"]),
+          onClear: handleFilter,
+          onChange: handleFilter,
+          onInput: unref(keywordChange)
+        }, null, 8, ["modelValue", "placeholder", "clearable", "prefix-icon", "disabled", "onInput"]),
+        __props.create ? (openBlock(), createBlock(_component_ElButton, {
+          key: 0,
+          icon: unref(Plus),
+          disabled: __props.disabled,
+          onClick: _cache[1] || (_cache[1] = ($event) => emits("create"))
+        }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const style0 = {
+	"explorer-filter": "_explorer-filter_1l5g5_1"
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_22 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_22 as _ };

package/dist/es/components/explorer-filter/explorer-filter.vue.d.ts

@@ -0,0 +1,14 @@
+import { IExplorerFilterProps } from './explorer-filter';
+declare const _default: import('vue').DefineComponent<IExplorerFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    filter: (keyword: string) => any;
+    create: () => any;
+}, string, import('vue').PublicProps, Readonly<IExplorerFilterProps> & Readonly<{
+    onFilter?: ((keyword: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    placeholder: string;
+    clearable: boolean;
+    debounce: number;
+    paddingBottom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/explorer-filter/index.css

@@ -0,0 +1,7 @@
+/* source: src/components/explorer-filter/explorer-filter.vue */
+._explorer-filter_1l5g5_1 {
+  padding-bottom: var(--b224534e);
+  display: flex;
+  column-gap: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}

package/dist/es/components/explorer-filter/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-filter.vue';
+export declare const VcExplorerFilter: SFCWithInstall<typeof Component>;
+export default VcExplorerFilter;

package/dist/es/components/explorer-filter/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-filter.mjs';
+
+const VcExplorerFilter = withInstall(Component);
+
+export { VcExplorerFilter, VcExplorerFilter as default };

package/dist/es/components/explorer-footer/explorer-footer.d.ts

@@ -0,0 +1,5 @@
+export interface IExplorerFooterProps {
+    paddingTop?: number;
+    layout?: string;
+    total?: number;
+}

package/dist/es/components/explorer-footer/explorer-footer.mjs

@@ -0,0 +1,92 @@
+import './index.css'
+import '../../chunk/By7FMB3I.mjs';
+import { E as ElPagination } from '../../chunk/fueZ9sVu.mjs';
+/* empty css                    */
+import '../../chunk/DQi1QPak.mjs';
+import '../../chunk/D_Mvdscy.mjs';
+import '../../chunk/BfjuZmry.mjs';
+import '../../chunk/CKZGL4_3.mjs';
+import { defineComponent, useCssVars, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, unref, mergeProps } from 'vue';
+import { i as isObjectLike, b as baseGetTag } from '../../chunk/ytiKcA3H.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+/** `Object#toString` result references. */
+var numberTag = '[object Number]';
+
+/**
+ * Checks if `value` is classified as a `Number` primitive or object.
+ *
+ * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
+ * classified as numbers, use the `_.isFinite` method.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a number, else `false`.
+ * @example
+ *
+ * _.isNumber(3);
+ * // => true
+ *
+ * _.isNumber(Number.MIN_VALUE);
+ * // => true
+ *
+ * _.isNumber(Infinity);
+ * // => true
+ *
+ * _.isNumber('3');
+ * // => false
+ */
+function isNumber(value) {
+  return typeof value == 'number' ||
+    (isObjectLike(value) && baseGetTag(value) == numberTag);
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "explorer-footer",
+  props: {
+    paddingTop: { default: 8 },
+    layout: { default: "total, prev, pager, next" },
+    total: {}
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v2844fd33": `${_ctx.paddingTop}px`
+    }));
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_ElPagination = ElPagination;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style["explorer-footer"])
+      }, [
+        createElementVNode("div", null, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        unref(isNumber)(props.total) ? (openBlock(), createBlock(_component_ElPagination, mergeProps({
+          key: 0,
+          background: "",
+          layout: __props.layout,
+          total: __props.total
+        }, _ctx.$attrs), null, 16, ["layout", "total"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const style0 = {
+	"explorer-footer": "_explorer-footer_1szke_1"
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_23 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_23 as _ };

package/dist/es/components/explorer-footer/explorer-footer.vue.d.ts

@@ -0,0 +1,21 @@
+import { IExplorerFooterProps } from './explorer-footer';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IExplorerFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IExplorerFooterProps> & Readonly<{}>, {
+    layout: string;
+    paddingTop: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/explorer-footer/index.css

@@ -0,0 +1,7 @@
+/* source: src/components/explorer-footer/explorer-footer.vue */
+._explorer-footer_1szke_1 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: var(--v2844fd33);
+}

package/dist/es/components/explorer-footer/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './explorer-footer.vue';
+export declare const VcExplorerFooter: SFCWithInstall<typeof Component>;
+export default VcExplorerFooter;

package/dist/es/components/explorer-footer/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-footer.mjs';
+
+const VcExplorerFooter = withInstall(Component);
+
+export { VcExplorerFooter, VcExplorerFooter as default };

package/dist/es/components/explorer-form/explorer-form.d.ts

@@ -0,0 +1,19 @@
+import { FormProps } from 'element-plus';
+import { Reactive } from 'vue';
+export interface IExplorerFormProps {
+    title: string;
+    icon?: string;
+    form: Reactive<{
+        fields: Record<string, any>;
+        rules?: Record<string, any>;
+    }>;
+    formProps?: Partial<FormProps>;
+    initialValues?: Record<string, any>;
+    autoInitial?: boolean;
+    defaultEditing?: boolean;
+    onCancel?: () => void | Promise<void>;
+    onSave?: (data: Record<string, any>) => void | Promise<void>;
+}
+export interface IExplorerFormEmits {
+    (e: 'clickEdit'): void;
+}