@bscjc/webui 0.0.15 → 0.0.17

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.
Files changed (30) hide show
  1. package/README.md +1 -475
  2. package/dist/components/JcListLayout/index.d.ts +24 -0
  3. package/dist/components/index.d.ts +1 -0
  4. package/dist/es/index.mjs +1118 -1050
  5. package/dist/hooks/useQuery.d.ts +6 -3
  6. package/dist/hooks/useQueryStore.d.ts +20 -6
  7. package/dist/index.css +2 -0
  8. package/dist/lib/index.cjs +8 -8
  9. package/dist/tsconfig.app.tsbuildinfo +1 -1
  10. package/dist/types/components.d.ts +1 -0
  11. package/package.json +9 -4
  12. package/dist/es/styles/index.css +0 -1
  13. package/dist/lib/styles/index.css +0 -1
  14. package/dist/types/components/JcDatePicker/index.d.ts +0 -66
  15. package/dist/types/components/JcDatePicker/index.vue.d.ts +0 -60
  16. package/dist/types/components/JcInputComplex/index.d.ts +0 -1377
  17. package/dist/types/components/JcInputComplex/index.vue.d.ts +0 -1371
  18. package/dist/types/components/JcInputSwitch/index.d.ts +0 -573
  19. package/dist/types/components/JcInputSwitch/index.vue.d.ts +0 -567
  20. package/dist/types/components/JcMoreQueryContain/index.d.ts +0 -759
  21. package/dist/types/components/JcMoreQueryContain/index.vue.d.ts +0 -1191
  22. package/dist/types/components/JcSelectQuery/index.d.ts +0 -1002
  23. package/dist/types/components/JcSelectQuery/index.vue.d.ts +0 -1728
  24. package/dist/types/components/JcTagQuery/index.d.ts +0 -4
  25. package/dist/types/components/JcTagQuery/index.vue.d.ts +0 -2
  26. package/dist/types/components/index.d.ts +0 -6
  27. package/dist/types/hooks/useQuery.d.ts +0 -11
  28. package/dist/types/hooks/useQueryStore.d.ts +0 -36
  29. package/dist/types/index.d.ts +0 -9
  30. /package/dist/components/{ListLayout → JcListLayout}/index.vue.d.ts +0 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bscjc/webui",
3
3
  "private": false,
4
- "version": "0.0.15",
4
+ "version": "0.0.17",
5
5
  "type": "module",
6
6
  "main": "./dist/lib/index.cjs",
7
7
  "module": "./dist/es/index.mjs",
@@ -23,21 +23,26 @@
23
23
  ],
24
24
  "author": "",
25
25
  "license": "MIT",
26
+ "sideEffects": [
27
+ "*.css",
28
+ "*.scss"
29
+ ],
30
+ "moduleSideEffects": false,
26
31
  "scripts": {
27
32
  "dev": "vite",
33
+ "prebuild": "rm -rf dist",
28
34
  "build": "vue-tsc -b && vite build",
29
35
  "postbuild": "node scripts/merge-css.js",
30
36
  "preview": "vite preview",
31
37
  "prepare": "npm run build"
32
38
  },
33
39
  "dependencies": {
34
- "@element-plus/icons-vue": "^2.3.1",
35
40
  "@vueuse/shared": "^13.4.0",
36
- "element-plus": "^2.10.3",
37
41
  "fuse.js": "^7.1.0",
38
42
  "vue-virtual-scroller": "^2.0.0-beta.8"
39
43
  },
40
44
  "peerDependencies": {
45
+ "@element-plus/icons-vue": ">=2.0.0",
41
46
  "element-plus": ">=2.0.0",
42
47
  "vue": ">=3.2.0"
43
48
  },
@@ -47,5 +52,5 @@
47
52
  "cssnano": "^7.0.7",
48
53
  "unplugin-element-plus": "^0.10.0"
49
54
  },
50
- "gitHead": "57d04c4fc7086b8fb6d0968401bed73aa31a3d65"
55
+ "gitHead": "2793b8eb6b5acc1bbffd2e0a3469d7f8ba7a2bb5"
51
56
  }
@@ -1 +0,0 @@
1
- .vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{left:0;position:absolute;top:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{background-color:transparent;border:none;opacity:0}.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object{display:block;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.ak-relative{position:relative}.jc-select-popper{min-width:400px!important}.jc-select-popper .el-select-pop-search-container{padding:4px 8px;position:relative}.jc-select-popper .el-select-pop-search-container .selcet-icon{color:#a6abb4;height:14px;top:12px;width:14px}.jc-select-popper .el-select-pop-search-container .search-icon{left:10px;line-height:normal;position:absolute}.jc-select-popper .el-select-pop-search-container .circle-icon{line-height:normal;position:absolute;right:14px}.jc-select-popper .el-select-pop-search-container .circle-icon:hover{color:#005bf5;cursor:pointer}.jc-select-popper .el-select-pop__input{border-radius:0;border-style:none none solid;border-bottom:1px solid #d9dbde;box-shadow:none;box-sizing:border-box;height:32px;line-height:32px;overflow:hidden;padding-left:24px;width:100%}.jc-select-popper .el-select-pop__input:hover{border-bottom-color:#888c94}.jc-select-popper .el-select-pop__input:focus{border-bottom-color:#005bf5;outline:0}.jc-select-popper .el-select-dropdown__wrap{max-height:100%!important}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item{box-sizing:border-box;color:#33363c;cursor:pointer;font-size:12px;height:32px;line-height:32px;list-style:none;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item .el-checkbox{width:100%}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item .el-checkbox .el-checkbox__label{flex:1;overflow:hidden;text-overflow:ellipsis}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item:hover{background-color:#ecf5ff}.jc-select-popper .el-select-dropdown__empty{color:#999;font-size:12px;margin:0;padding:10px 0;text-align:center}.jc-select-popper .custom-multi-footer{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.jc-select-popper .shift-tips{color:#a6abb4;margin-left:8px}.jc-select-popper .counts{margin-left:8px}.jc-select .el-select__wrapper{font-size:12px}.jc-select .el-select__tags{height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-date-picker{align-items:center;display:flex;justify-content:flex-start}.jc-date-picker .select-field{display:flex;max-width:100px!important;min-width:60px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.jc-date-picker .select-field .el-select__prefix{color:#000;font-size:12px;max-width:50px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jc-date-picker .select-field .el-input__inner{width:0}.jc-date-picker .el-date-editor{border-bottom-left-radius:0;border-left:none!important;border-top-left-radius:0;margin-left:-1px}.jc-date-picker .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;font-size:12px;max-width:100px;padding:4px 12px 4px 8px}.jc-date-picker .el-select__placeholder{font-size:12px}.el-popover.jc-input-pop .popover-body{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.el-popover.jc-input-pop{border:1px solid #e6e8eb;border-radius:4px;box-shadow:0 8px 16px #00000029;height:240px;line-height:18px;max-width:480px;min-width:auto;padding:12px;text-align:left}.el-popover.jc-input-pop .popover-body .popover-textarea{flex:1;min-height:0}.el-popover.jc-input-pop .popover-body .popover-textarea .el-textarea__inner{border:none!important;color:#333;font-size:12px;font-weight:400;height:100%;line-height:20px;outline:0;overflow:auto;padding:12px;resize:none;width:100%}.el-popover.jc-input-pop .popover-body .popover-btn{align-items:center;box-shadow:0 -1px #e6e8eb;display:flex;margin-top:-1px;padding:8px 12px;z-index:999}.el-popover.jc-input-pop .popover-body .popover-btn .popover-btn-right{margin-left:auto}[data-v-d07aa01b] .el-tag__content{max-height:24px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.moreQuery-pop{border:1px solid #e6e8eb;border-radius:4px;box-shadow:0 8px 16px 0 rg;line-height:18px;min-width:auto;padding:12px;text-align:left}.el-popover.moreQuery-pop .popover-btn{align-items:center;display:flex;padding:4px 4px 0 10px;z-index:999}.el-popover.moreQuery-pop .popover-btn .popover-btn-right{margin-left:auto}.jc-input.el-input-group{align-items:flex-start;display:flex}.jc-input{font-size:12px!important}.jc-input .el-input-group__prepend{background-color:var(--el-fill-color-blank);border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0;min-height:auto}.jc-input .el-input-group__prepend .el-select__wrapper{font-size:12px;max-width:100px;padding:4px 8px}.jc-input .el-input-group__prepend .el-input__wrapper{box-shadow:none!important}.jc-input .suffixContent{align-items:center;display:flex;justify-content:center}.jc-input .el-input__icon{box-sizing:border-box;color:#353638;cursor:pointer;display:inline-block;line-height:1;text-align:center}.jc-input .el-icon{font-size:14px;font-weight:600}.jc-input .el-textarea{color:#0b1019;display:inline-block;font-size:12px;position:relative;vertical-align:bottom;width:100%}.jc-input .el-select--small .el-select__wrapper{line-height:1!important}.jc-input .select-field{display:flex;height:100%;max-width:100px!important;min-width:60px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.jc-input .select-field .el-select__prefix{color:#000;font-size:12px;max-width:50px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jc-input .select-field .el-input__inner{width:0}
@@ -1 +0,0 @@
1
- .vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{left:0;position:absolute;top:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{background-color:transparent;border:none;opacity:0}.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object{display:block;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.ak-relative{position:relative}.jc-select-popper{min-width:400px!important}.jc-select-popper .el-select-pop-search-container{padding:4px 8px;position:relative}.jc-select-popper .el-select-pop-search-container .selcet-icon{color:#a6abb4;height:14px;top:12px;width:14px}.jc-select-popper .el-select-pop-search-container .search-icon{left:10px;line-height:normal;position:absolute}.jc-select-popper .el-select-pop-search-container .circle-icon{line-height:normal;position:absolute;right:14px}.jc-select-popper .el-select-pop-search-container .circle-icon:hover{color:#005bf5;cursor:pointer}.jc-select-popper .el-select-pop__input{border-radius:0;border-style:none none solid;border-bottom:1px solid #d9dbde;box-shadow:none;box-sizing:border-box;height:32px;line-height:32px;overflow:hidden;padding-left:24px;width:100%}.jc-select-popper .el-select-pop__input:hover{border-bottom-color:#888c94}.jc-select-popper .el-select-pop__input:focus{border-bottom-color:#005bf5;outline:0}.jc-select-popper .el-select-dropdown__wrap{max-height:100%!important}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item{box-sizing:border-box;color:#33363c;cursor:pointer;font-size:12px;height:32px;line-height:32px;list-style:none;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item .el-checkbox{width:100%}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item .el-checkbox .el-checkbox__label{flex:1;overflow:hidden;text-overflow:ellipsis}.jc-select-popper .el-select-dropdown__wrap .el-select-dropdown__item:hover{background-color:#ecf5ff}.jc-select-popper .el-select-dropdown__empty{color:#999;font-size:12px;margin:0;padding:10px 0;text-align:center}.jc-select-popper .custom-multi-footer{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.jc-select-popper .shift-tips{color:#a6abb4;margin-left:8px}.jc-select-popper .counts{margin-left:8px}.jc-select .el-select__wrapper{font-size:12px}.jc-select .el-select__tags{height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-date-picker{align-items:center;display:flex;justify-content:flex-start}.jc-date-picker .select-field{display:flex;max-width:100px!important;min-width:60px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.jc-date-picker .select-field .el-select__prefix{color:#000;font-size:12px;max-width:50px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jc-date-picker .select-field .el-input__inner{width:0}.jc-date-picker .el-date-editor{border-bottom-left-radius:0;border-left:none!important;border-top-left-radius:0;margin-left:-1px}.jc-date-picker .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;font-size:12px;max-width:100px;padding:4px 12px 4px 8px}.jc-date-picker .el-select__placeholder{font-size:12px}.el-popover.jc-input-pop .popover-body{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.el-popover.jc-input-pop{border:1px solid #e6e8eb;border-radius:4px;box-shadow:0 8px 16px #00000029;height:240px;line-height:18px;max-width:480px;min-width:auto;padding:12px;text-align:left}.el-popover.jc-input-pop .popover-body .popover-textarea{flex:1;min-height:0}.el-popover.jc-input-pop .popover-body .popover-textarea .el-textarea__inner{border:none!important;color:#333;font-size:12px;font-weight:400;height:100%;line-height:20px;outline:0;overflow:auto;padding:12px;resize:none;width:100%}.el-popover.jc-input-pop .popover-body .popover-btn{align-items:center;box-shadow:0 -1px #e6e8eb;display:flex;margin-top:-1px;padding:8px 12px;z-index:999}.el-popover.jc-input-pop .popover-body .popover-btn .popover-btn-right{margin-left:auto}[data-v-d07aa01b] .el-tag__content{max-height:24px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.moreQuery-pop{border:1px solid #e6e8eb;border-radius:4px;box-shadow:0 8px 16px 0 rg;line-height:18px;min-width:auto;padding:12px;text-align:left}.el-popover.moreQuery-pop .popover-btn{align-items:center;display:flex;padding:4px 4px 0 10px;z-index:999}.el-popover.moreQuery-pop .popover-btn .popover-btn-right{margin-left:auto}.jc-input.el-input-group{align-items:flex-start;display:flex}.jc-input{font-size:12px!important}.jc-input .el-input-group__prepend{background-color:var(--el-fill-color-blank);border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0;min-height:auto}.jc-input .el-input-group__prepend .el-select__wrapper{font-size:12px;max-width:100px;padding:4px 8px}.jc-input .el-input-group__prepend .el-input__wrapper{box-shadow:none!important}.jc-input .suffixContent{align-items:center;display:flex;justify-content:center}.jc-input .el-input__icon{box-sizing:border-box;color:#353638;cursor:pointer;display:inline-block;line-height:1;text-align:center}.jc-input .el-icon{font-size:14px;font-weight:600}.jc-input .el-textarea{color:#0b1019;display:inline-block;font-size:12px;position:relative;vertical-align:bottom;width:100%}.jc-input .el-select--small .el-select__wrapper{line-height:1!important}.jc-input .select-field{display:flex;height:100%;max-width:100px!important;min-width:60px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto!important}.jc-input .select-field .el-select__prefix{color:#000;font-size:12px;max-width:50px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jc-input .select-field .el-input__inner{width:0}
@@ -1,66 +0,0 @@
1
- import { Plugin } from 'vue';
2
- type SFCWithInstall<T> = T & Plugin;
3
- export declare const JcDatePicker: SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
- fieldList: {
5
- type: import('vue').PropType<Array<{
6
- label: string;
7
- value: string;
8
- }>>;
9
- require: boolean;
10
- default: () => never[];
11
- };
12
- type: {
13
- type: import('vue').PropType<"daterange" | "monthrange">;
14
- default: string;
15
- validator: (value: string) => boolean;
16
- };
17
- size: {
18
- type: import('vue').PropType<"small" | "default" | "large">;
19
- default: string;
20
- validator: (value: string) => boolean;
21
- };
22
- width: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- }>, {
27
- [x: string]: Function;
28
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
- fieldChange: (...args: any[]) => void;
30
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
31
- fieldList: {
32
- type: import('vue').PropType<Array<{
33
- label: string;
34
- value: string;
35
- }>>;
36
- require: boolean;
37
- default: () => never[];
38
- };
39
- type: {
40
- type: import('vue').PropType<"daterange" | "monthrange">;
41
- default: string;
42
- validator: (value: string) => boolean;
43
- };
44
- size: {
45
- type: import('vue').PropType<"small" | "default" | "large">;
46
- default: string;
47
- validator: (value: string) => boolean;
48
- };
49
- width: {
50
- type: StringConstructor;
51
- default: string;
52
- };
53
- }>> & Readonly<{
54
- onFieldChange?: ((...args: any[]) => any) | undefined;
55
- }>, {
56
- size: "small" | "default" | "large";
57
- width: string;
58
- type: "daterange" | "monthrange";
59
- fieldList: {
60
- label: string;
61
- value: string;
62
- }[];
63
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
64
- datePickerRef: unknown;
65
- }, HTMLDivElement>>;
66
- export default JcDatePicker;
@@ -1,60 +0,0 @@
1
- import { PropType } from 'vue';
2
- type fieldType = {
3
- label: string;
4
- value: string;
5
- };
6
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
- fieldList: {
8
- type: PropType<Array<fieldType>>;
9
- require: boolean;
10
- default: () => never[];
11
- };
12
- type: {
13
- type: PropType<"daterange" | "monthrange">;
14
- default: string;
15
- validator: (value: string) => boolean;
16
- };
17
- size: {
18
- type: PropType<"small" | "default" | "large">;
19
- default: string;
20
- validator: (value: string) => boolean;
21
- };
22
- width: {
23
- type: StringConstructor;
24
- default: string;
25
- };
26
- }>, {
27
- [x: string]: Function;
28
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
29
- fieldChange: (...args: any[]) => void;
30
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
31
- fieldList: {
32
- type: PropType<Array<fieldType>>;
33
- require: boolean;
34
- default: () => never[];
35
- };
36
- type: {
37
- type: PropType<"daterange" | "monthrange">;
38
- default: string;
39
- validator: (value: string) => boolean;
40
- };
41
- size: {
42
- type: PropType<"small" | "default" | "large">;
43
- default: string;
44
- validator: (value: string) => boolean;
45
- };
46
- width: {
47
- type: StringConstructor;
48
- default: string;
49
- };
50
- }>> & Readonly<{
51
- onFieldChange?: ((...args: any[]) => any) | undefined;
52
- }>, {
53
- size: "small" | "default" | "large";
54
- width: string;
55
- type: "daterange" | "monthrange";
56
- fieldList: fieldType[];
57
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
58
- datePickerRef: unknown;
59
- }, HTMLDivElement>;
60
- export default _default;