@keyblade/pro-components 1.13.8-alpha.6 → 1.13.8-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/index.d.ts CHANGED
@@ -18,5 +18,6 @@ export * from './pro-image-upload';
18
18
  export { default as ProDateRangePicker } from './pro-date-range-picker';
19
19
  export { default as ProTextarea } from './pro-textarea';
20
20
  export { default as ProTable } from './pro-table';
21
+ export { default as ProFormGroup } from './pro-form-group';
21
22
  export type {} from './components';
22
23
  export * from './inerface';
package/es/index.js CHANGED
@@ -3,33 +3,35 @@ import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.
3
3
  import { ProLayout as t } from "./pro-layout/index.js";
4
4
  import { ProMenu as i } from "./pro-menu/index.js";
5
5
  import { ProPageContainer as s } from "./pro-page-container/index.js";
6
- import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
7
- import { ProImageUpload as u } from "./pro-image-upload/index.js";
8
- import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
9
- import { ProTable as P } from "./pro-table/index.js";
6
+ import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
7
+ import { ProImageUpload as f } from "./pro-image-upload/index.js";
8
+ import { ProDateRangePicker as P } from "./pro-date-range-picker/index.js";
9
+ import { ProTable as a } from "./pro-table/index.js";
10
10
  import { ProTextarea as l } from "./pro-textarea/index.js";
11
11
  import { ProFooterBar as n } from "./pro-footer-bar/index.js";
12
- import { globalProps as d } from "./global-props.js";
13
- import { EImageUploadInnerBeforeUploadStep as y } from "./pro-image-upload/types.js";
14
- import { defaultImageUploadOptions as C } from "./pro-image-upload/constant.js";
15
- const k = {
12
+ import { ProFormGroup as d } from "./pro-form-group/index.js";
13
+ import { globalProps as g } from "./global-props.js";
14
+ import { EImageUploadInnerBeforeUploadStep as A } from "./pro-image-upload/types.js";
15
+ import { defaultImageUploadOptions as D } from "./pro-image-upload/constant.js";
16
+ const v = {
16
17
  install(o, r) {
17
- Object.assign(d, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(f), o.use(u), o.use(a), o.use(l), o.use(P);
18
+ Object.assign(g, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(u), o.use(f), o.use(P), o.use(l), o.use(a), o.use(d);
18
19
  }
19
20
  };
20
21
  export {
21
- y as EImageUploadInnerBeforeUploadStep,
22
- a as ProDateRangePicker,
22
+ A as EImageUploadInnerBeforeUploadStep,
23
+ P as ProDateRangePicker,
23
24
  n as ProFooterBar,
24
- u as ProImageUpload,
25
+ d as ProFormGroup,
26
+ f as ProImageUpload,
25
27
  m as ProKeepAliveRouterView,
26
28
  t as ProLayout,
27
29
  i as ProMenu,
28
30
  s as ProPageContainer,
29
31
  e as ProPageHeader,
30
- f as ProReuseTabs,
31
- P as ProTable,
32
+ u as ProReuseTabs,
33
+ a as ProTable,
32
34
  l as ProTextarea,
33
- k as default,
34
- C as defaultImageUploadOptions
35
+ v as default,
36
+ D as defaultImageUploadOptions
35
37
  };
@@ -0,0 +1,43 @@
1
+ import { App } from 'vue';
2
+ declare const ProFormGroup: {
3
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
4
+ label: string;
5
+ heading?: number | string;
6
+ extra?: string;
7
+ hideIcon?: boolean;
8
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
9
+ heading: number | string;
10
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
11
+ P: {};
12
+ B: {};
13
+ D: {};
14
+ C: {};
15
+ M: {};
16
+ Defaults: {};
17
+ }, Readonly<{
18
+ label: string;
19
+ heading?: number | string;
20
+ extra?: string;
21
+ hideIcon?: boolean;
22
+ }> & Readonly<{}>, {}, {}, {}, {}, {
23
+ heading: number | string;
24
+ }>;
25
+ __isFragment?: never;
26
+ __isTeleport?: never;
27
+ __isSuspense?: never;
28
+ } & import('vue').ComponentOptionsBase<Readonly<{
29
+ label: string;
30
+ heading?: number | string;
31
+ extra?: string;
32
+ hideIcon?: boolean;
33
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
34
+ heading: number | string;
35
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
36
+ $slots: {
37
+ default?(_: {}): any;
38
+ };
39
+ }) & {
40
+ install: (app: App) => void;
41
+ };
42
+ export { ProFormGroup };
43
+ export default ProFormGroup;
@@ -0,0 +1,12 @@
1
+ import r from "./index.vue.js";
2
+ import { Typography as m } from "@arco-design/web-vue";
3
+ import { IconExclamationCircleFill as t } from "@arco-design/web-vue/es/icon";
4
+ const n = Object.assign(r, {
5
+ install: (o) => {
6
+ o.use(m), o.use(t), o.component("KbProFormGroup", r);
7
+ }
8
+ });
9
+ export {
10
+ n as ProFormGroup,
11
+ n as default
12
+ };
@@ -0,0 +1,28 @@
1
+ type __VLS_Props = {
2
+ label: string;
3
+ /** 标题大小 */
4
+ heading?: number | string;
5
+ /** 扩展提示 */
6
+ extra?: string;
7
+ /** 隐藏icon */
8
+ hideIcon?: boolean;
9
+ };
10
+ declare function __VLS_template(): {
11
+ attrs: Partial<{}>;
12
+ slots: {
13
+ default?(_: {}): any;
14
+ };
15
+ refs: {};
16
+ rootEl: any;
17
+ };
18
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
20
+ heading: number | string;
21
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
22
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
+ export default _default;
24
+ type __VLS_WithTemplateSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
@@ -0,0 +1,7 @@
1
+ import o from "./index.vue2.js";
2
+ /* empty css */
3
+ import r from "../_virtual/_plugin-vue_export-helper.js";
4
+ const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9f030479"]]);
5
+ export {
6
+ _ as default
7
+ };
@@ -0,0 +1,43 @@
1
+ import { defineComponent as m, resolveComponent as o, createBlock as _, openBlock as n, normalizeClass as t, withCtx as l, createVNode as r, createElementBlock as h, createCommentVNode as f, renderSlot as u, createTextVNode as i, toDisplayString as c, withDirectives as y, vShow as g } from "vue";
2
+ const a = "keyblade-pro-form-group", v = /* @__PURE__ */ m({
3
+ __name: "index",
4
+ props: {
5
+ label: {},
6
+ heading: { default: 6 },
7
+ extra: {},
8
+ hideIcon: { type: Boolean }
9
+ },
10
+ setup(x) {
11
+ return (e, C) => {
12
+ const p = o("a-typography-title"), s = o("icon-exclamation-circle-fill"), d = o("a-typography");
13
+ return n(), _(d, {
14
+ class: t(a)
15
+ }, {
16
+ default: l(() => [
17
+ r(p, { heading: e.heading }, {
18
+ default: l(() => [
19
+ i(c(e.label), 1)
20
+ ]),
21
+ _: 1
22
+ }, 8, ["heading"]),
23
+ e.extra ? (n(), h("div", {
24
+ key: 0,
25
+ class: t(`${a}-extra`)
26
+ }, [
27
+ y(r(s, {
28
+ class: t(`${a}-icon`)
29
+ }, null, 8, ["class"]), [
30
+ [g, !e.hideIcon]
31
+ ]),
32
+ i(" " + c(e.extra), 1)
33
+ ], 2)) : f("", !0),
34
+ u(e.$slots, "default", {}, void 0, !0)
35
+ ]),
36
+ _: 3
37
+ });
38
+ };
39
+ }
40
+ });
41
+ export {
42
+ v as default
43
+ };
@@ -71,7 +71,7 @@ const i = "keyblade-pro-table", F = /* @__PURE__ */ B({
71
71
  for (const [o, t] of Object.entries(m))
72
72
  o.startsWith("on") && typeof t == "function" && (e[o] = t);
73
73
  return e;
74
- }), g = s(() => A([c, M.textarea]) || {});
74
+ }), g = s(() => A([c, M.table]) || {});
75
75
  return (e, o) => {
76
76
  var a, l;
77
77
  const t = S("a-table");
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-26a58e45]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}
1
+ .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4a477a1a);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--4a477a1a);padding-left:var(--3599ef93);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-footer-bar[data-v-f9d45b25]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-26a58e45]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-26a58e45] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.13.8-alpha.6",
5
+ "version": "1.13.8-alpha.8",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",