jky-component-lib 0.0.56 → 0.0.61

package/dist/es/add-input/AddInput.vue.d.ts

@@ -0,0 +1,27 @@
+import { AddInputItem, AddInputProps } from './types';
+type __VLS_Props = AddInputProps;
+type __VLS_PublicProps = {
+    modelValue?: AddInputItem[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: AddInputItem[]) => any;
+} & {
+    "update:modelValue": (value: AddInputItem[]) => any;
+    change: (value: AddInputItem[]) => any;
+    add: () => any;
+    delete: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AddInputItem[]) => any) | undefined;
+    onChange?: ((value: AddInputItem[]) => any) | undefined;
+    onAdd?: (() => any) | undefined;
+    onDelete?: ((index: number) => any) | undefined;
+}>, {
+    modelValue: AddInputItem[];
+    disabled: boolean;
+    readonly: boolean;
+    keyPlaceholder: string;
+    valuePlaceholder: string;
+    addButtonText: string;
+    deleteButtonText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/add-input/AddInput.vue.js

@@ -0,0 +1,151 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, useModel, ref, watch, openBlock, createElementBlock, Fragment, renderList, createVNode, unref, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeModels } from "vue";
+import { Plus as plus_default, Delete as delete_default } from "../node_modules/@element-plus/icons-vue/dist/index.js";
+import { ElInput, ElButton } from "element-plus";
+const _hoisted_1 = { class: "jky-add-input" };
+const _hoisted_2 = { class: "jky-add-input__actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyAddInput"
+}), {
+  __name: "AddInput",
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    keyPlaceholder: { default: "key" },
+    valuePlaceholder: { default: "value" },
+    addButtonText: { default: "添加" },
+    deleteButtonText: { default: "删除" }
+  }, {
+    "modelValue": {
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change", "add", "delete"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const items = ref([]);
+    function initData() {
+      if (!props.modelValue || props.modelValue.length === 0) {
+        items.value = [{ key: "", value: "" }];
+      } else {
+        items.value = props.modelValue.map((item) => __spreadValues({}, item));
+      }
+    }
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        if (!newValue || newValue.length === 0) {
+          items.value = [{ key: "", value: "" }];
+        } else {
+          items.value = newValue.map((item) => __spreadValues({}, item));
+        }
+      },
+      { deep: true }
+    );
+    function updateModelValue() {
+      modelValue.value = items.value.map((item) => __spreadValues({}, item));
+      emit("change", items.value.map((item) => __spreadValues({}, item)));
+    }
+    function handleAdd() {
+      if (props.disabled || props.readonly)
+        return;
+      items.value = [
+        ...items.value,
+        { key: "", value: "" }
+      ];
+      updateModelValue();
+      emit("add");
+    }
+    function handleDelete(index) {
+      if (props.disabled || props.readonly)
+        return;
+      if (items.value.length <= 1)
+        return;
+      items.value.splice(index, 1);
+      updateModelValue();
+      emit("delete", index);
+    }
+    initData();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "jky-add-input__row"
+          }, [
+            createVNode(unref(ElInput), {
+              "model-value": item.key,
+              placeholder: __props.keyPlaceholder,
+              disabled: __props.disabled || __props.readonly,
+              class: "jky-add-input__key",
+              "onUpdate:modelValue": (val) => {
+                item.key = val;
+                updateModelValue();
+              }
+            }, null, 8, ["model-value", "placeholder", "disabled", "onUpdate:modelValue"]),
+            createVNode(unref(ElInput), {
+              "model-value": item.value,
+              placeholder: __props.valuePlaceholder,
+              disabled: __props.disabled || __props.readonly,
+              class: "jky-add-input__value",
+              "onUpdate:modelValue": (val) => {
+                item.value = val;
+                updateModelValue();
+              }
+            }, null, 8, ["model-value", "placeholder", "disabled", "onUpdate:modelValue"]),
+            createElementVNode("div", _hoisted_2, [
+              index === 0 || __props.readonly ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                type: "primary",
+                disabled: __props.disabled || __props.readonly,
+                icon: unref(plus_default),
+                onClick: handleAdd
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.addButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "icon"])) : (openBlock(), createBlock(unref(ElButton), {
+                key: 1,
+                type: "danger",
+                disabled: __props.disabled || __props.readonly,
+                icon: unref(delete_default),
+                onClick: ($event) => handleDelete(index)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.deleteButtonText), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "icon", "onClick"]))
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/add-input/AddInput.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./AddInput.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/dist/es/add-input/index.d.ts

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../utils';
+import { default as AddInput } from './AddInput.vue';
+export declare const JkyAddInput: InstallWithSFC<typeof AddInput>;
+export default JkyAddInput;

package/dist/es/add-input/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./AddInput.vue.js";
+/* empty css              */
+import { installWithSFC } from "../utils/with-install.js";
+const JkyAddInput = installWithSFC(_sfc_main);
+export {
+  JkyAddInput,
+  JkyAddInput as default
+};

package/dist/es/add-input/style.css

@@ -0,0 +1,35 @@
+
+/* 禁止使用 @apply，所有 TailwindCSS 工具类直接写在 class 中 */
+/* 样式文件仅用于定义组件特定的自定义纯 CSS 样式 */
+/* AddInput 组件样式变量 */
+:root {
+  --jky-add-input-gap: 12px;
+  --jky-add-input-row-gap: 8px;
+  --jky-add-input-min-width: 100px;
+  --jky-add-input-action-width: 80px;
+}
+.jky-add-input {
+  display: flex;
+  flex-direction: column;
+  gap: var(--jky-add-input-row-gap);
+  min-width: var(--jky-add-input-min-width);
+}
+.jky-add-input__row {
+  display: flex;
+  align-items: center;
+  gap: var(--jky-add-input-gap);
+}
+.jky-add-input__key {
+  flex: 1;
+  min-width: 0;
+}
+.jky-add-input__value {
+  flex: 1;
+  min-width: 0;
+}
+.jky-add-input__actions {
+  display: flex;
+  gap: var(--jky-add-input-gap);
+  flex-shrink: 0;
+  width: var(--jky-add-input-action-width);
+}

package/dist/es/button-nav/ButtonNav.vue.d.ts

@@ -18,19 +18,19 @@ interface NavItem {
     to?: RouteLocationRaw;
 }
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: string | number) => any;
     "update:modelValue": (value: string | number) => any;
+    change: (value: string | number) => any;
     navClick: (item: NavItem) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((value: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
     onNavClick?: ((item: NavItem) => any) | undefined;
 }>, {
     size: "" | "default" | "large" | "small";
-    type: "" | "default" | "primary" | "success" | "warning" | "danger" | "info" | "text";
+    type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
+    plain: boolean;
     items: NavItem[];
     limit: number;
-    plain: boolean;
     route: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/es/code-mirror-editor/CodeMirrorEditor.vue.d.ts

@@ -5,15 +5,15 @@ declare const _default: import('vue').DefineComponent<CodeMirrorEditorProps, {
     getContent: () => string;
     setContent: (content: string) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
     "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<CodeMirrorEditorProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
 }>, {
-    disabled: boolean;
-    modelValue: string;
     height: string;
+    modelValue: string;
+    disabled: boolean;
     readonly: boolean;
     language: "javascript" | "typescript" | "json" | "css" | "markdown" | "html" | "vue";
     theme: "oneDark" | "default";

package/dist/es/components.d.ts

@@ -1,10 +1,13 @@
 import { Plugin } from 'vue';
+export * from './add-input';
 export * from './button';
 export * from './button-nav';
 export * from './code-mirror-editor';
 export * from './form';
 export * from './menu';
 export * from './page-header';
+export * from './page-table';
+export * from './rich-editor';
 export * from './say-hello';
 export declare const components: Plugin[];
 export default components;

package/dist/es/components.js

@@ -1,9 +1,12 @@
+import { JkyAddInput } from "./add-input/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
 import { JkyCodeMirrorEditor } from "./code-mirror-editor/index.js";
 import { JkyForm } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
+import { JkyPageTable } from "./page-table/index.js";
+import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
 const components = [
   JkySayHello,
@@ -12,15 +15,21 @@ const components = [
   JkyPageHeader,
   JkyMenu,
   JkyForm,
-  JkyCodeMirrorEditor
+  JkyCodeMirrorEditor,
+  JkyAddInput,
+  JkyRichEditor,
+  JkyPageTable
 ];
 export {
+  JkyAddInput,
   JkyButton,
   JkyButtonNav,
   JkyCodeMirrorEditor,
   JkyForm,
   JkyMenu,
   JkyPageHeader,
+  JkyPageTable,
+  JkyRichEditor,
   JkySayHello,
   components
 };

package/dist/es/form/Form.vue.d.ts

@@ -308,19 +308,19 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         };
     }) | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
     change: (value: Record<string, any>) => any;
     reset: () => any;
     submit: (data: Record<string, any>) => any;
-    "update:modelValue": (value: Record<string, any>) => any;
     validate: (result: {
         valid: boolean;
         fields?: any;
     }) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
     onChange?: ((value: Record<string, any>) => any) | undefined;
     onReset?: (() => any) | undefined;
     onSubmit?: ((data: Record<string, any>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
     onValidate?: ((result: {
         valid: boolean;
         fields?: any;

package/dist/es/form/FormItem.vue.js

@@ -52,7 +52,9 @@ var __async = (__this, __arguments, generator) => {
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createCommentVNode, createSlots, h } from "vue";
 import { Plus as plus_default, CircleCloseFilled as circle_close_filled_default, CircleCheckFilled as circle_check_filled_default, WarningFilled as warning_filled_default, QuestionFilled as question_filled_default } from "../node_modules/@element-plus/icons-vue/dist/index.js";
 import { ElFormItem, ElDivider, ElInput, ElUpload, ElButton, ElIcon, ElInputNumber, ElRate, ElColorPicker, ElTreeSelect, ElCascader, ElSlider, ElSwitch, ElCheckboxGroup, ElCheckbox, ElRadioGroup, ElRadio, ElTimeSelect, ElTimePicker, ElDatePicker, ElAutocomplete, ElSelect, ElTooltip } from "element-plus";
+import { JkyAddInput } from "../add-input/index.js";
 import { JkyCodeMirrorEditor } from "../code-mirror-editor/index.js";
+import { JkyRichEditor } from "../rich-editor/index.js";
 const _hoisted_1 = {
   key: 0,
   style: { "display": "none" }
@@ -360,6 +362,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           const codeMirrorProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
           return h(JkyCodeMirrorEditor, codeMirrorProps);
         }
+        // RichEditor 富文本编辑器
+        case "rich-editor": {
+          const richEditorProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
+          return h(JkyRichEditor, richEditorProps);
+        }
+        // AddInput 动态键值对输入框
+        case "add-input": {
+          const addInputProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
+          return h(JkyAddInput, addInputProps);
+        }
         case "custom":
           return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
         default:

package/dist/es/index.js

@@ -2,17 +2,21 @@ import { components } from "./components.js";
 import { createInstaller } from "./utils/installer.js";
 /* empty css           */
 import { JkyComponentLibResolver } from "./resolver.js";
+import { JkyAddInput } from "./add-input/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
 import { JkyCodeMirrorEditor } from "./code-mirror-editor/index.js";
 import { JkyForm } from "./form/index.js";
 import { JkyMenu } from "./menu/index.js";
 import { JkyPageHeader } from "./page-header/index.js";
+import { JkyPageTable } from "./page-table/index.js";
+import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
 const installer = createInstaller(components);
 const install = installer.install;
 const version = installer.version;
 export {
+  JkyAddInput,
   JkyButton,
   JkyButtonNav,
   JkyCodeMirrorEditor,
@@ -20,6 +24,8 @@ export {
   JkyForm,
   JkyMenu,
   JkyPageHeader,
+  JkyPageTable,
+  JkyRichEditor,
   JkySayHello,
   components,
   installer as default,

package/dist/es/node_modules/@element-plus/icons-vue/dist/index.js

@@ -1,5 +1,20 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
 /*! Element Plus Icons Vue v2.3.2 */
+var _sfc_main6 = /* @__PURE__ */ defineComponent({
+  name: "ArrowDown",
+  __name: "arrow-down",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
+      })
+    ]));
+  }
+}), arrow_down_default = _sfc_main6;
 var _sfc_main48 = /* @__PURE__ */ defineComponent({
   name: "CircleCheckFilled",
   __name: "circle-check-filled",
@@ -30,6 +45,21 @@ var _sfc_main50 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), circle_close_filled_default = _sfc_main50;
+var _sfc_main80 = /* @__PURE__ */ defineComponent({
+  name: "Delete",
+  __name: "delete",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
+      })
+    ]));
+  }
+}), delete_default = _sfc_main80;
 var _sfc_main201 = /* @__PURE__ */ defineComponent({
   name: "Plus",
   __name: "plus",
@@ -76,8 +106,10 @@ var _sfc_main287 = /* @__PURE__ */ defineComponent({
   }
 }), warning_filled_default = _sfc_main287;
 export {
+  arrow_down_default as ArrowDown,
   circle_check_filled_default as CircleCheckFilled,
   circle_close_filled_default as CircleCloseFilled,
+  delete_default as Delete,
   plus_default as Plus,
   question_filled_default as QuestionFilled,
   warning_filled_default as WarningFilled

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.56";
+const version = "0.0.61";
 export {
   version
 };

package/dist/es/page-header/PageHeader.vue.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createBlock, normalizeProps, mergeProps, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createBlock, normalizeProps, mergeProps, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
 import { ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
 import _sfc_main$1 from "./PopoverMenu.vue.js";
 const _hoisted_1 = { class: "jky-page-header__container" };

package/dist/es/page-header/PopoverMenu.vue.d.ts

@@ -2,9 +2,9 @@ import { TooltipTriggerType } from 'element-plus';
 import { Arrayable } from 'element-plus/es/utils';
 import { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps } from './types';
 declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderPopoverMenuProps> & Readonly<{}>, {
+    width: number;
     trigger: Arrayable<TooltipTriggerType>;
     placement: import('element-plus').Placement;
-    width: number;
     menus: PageHeaderPopoverMenuItem[];
     highlightCurrent: boolean;
     buttonClass: string;

package/dist/es/page-header/PopoverMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, normalizeClass, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, normalizeClass, createCommentVNode, toDisplayString } from "vue";
 import { ElPopover, ElButton } from "element-plus";
 const _hoisted_1 = {
   key: 0,