inl-ui 0.1.18 → 0.1.21
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/README.md +49 -49
- package/dist/components/index.cjs +13 -8
- package/dist/components/index.d.ts +20 -1
- package/dist/components/index.js +14 -9
- package/dist/iconfont.js +69 -69
- package/dist/index.cjs +19 -16
- package/dist/index.d.ts +21 -2
- package/dist/index.js +20 -17
- package/dist/theme/index.js +70 -70
- package/dist/theme/scripts/dark-vars.js +21 -21
- package/dist/theme/scripts/default-vars.js +25 -25
- package/dist/theme/scripts/light-vars.js +22 -22
- package/dist/theme/style/color/bezierEasing.less +110 -110
- package/dist/theme/style/color/colorPalette.less +81 -81
- package/dist/theme/style/color/colors.less +162 -162
- package/dist/theme/style/color/tinyColor.less +1184 -1184
- package/dist/theme/style/compact.less +4 -4
- package/dist/theme/style/dark.less +4 -4
- package/dist/theme/style/default.less +4 -4
- package/dist/theme/style/index.less +2 -2
- package/dist/theme/style/index.tsx +2 -2
- package/dist/theme/style/themes/compact.less +295 -295
- package/dist/theme/style/themes/dark.less +790 -790
- package/dist/theme/style/themes/default.less +1067 -1067
- package/dist/theme/style/themes/index.less +7 -7
- package/dist/theme/style/themes/var-dark.less +343 -343
- package/dist/theme/style/themes/var-default.less +184 -184
- package/dist/theme/style/themes/variable.less +1122 -1122
- package/dist/theme/style/variable.less +4 -4
- package/dist/tplib/index.cjs +5 -7
- package/dist/tplib/index.js +5 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
# 工业PC ui库
|
|
2
|
-
|
|
3
|
-
前端通用库,包括组件、hooks、utils等。
|
|
4
|
-
|
|
5
|
-
### 运行
|
|
6
|
-
|
|
7
|
-
+ 开发模式 yarn dev
|
|
8
|
-
+ 生产打包 yarn build
|
|
9
|
-
+ 生成文档 yarn build:docs
|
|
10
|
-
+ 打包图扑工具 yarn buildtp
|
|
11
|
-
|
|
12
|
-
### 使用方法
|
|
13
|
-
|
|
14
|
-
```javascript
|
|
15
|
-
import inl from 'inl-ui';
|
|
16
|
-
import 'inl-ui/dist/style.css';
|
|
17
|
-
|
|
18
|
-
vue.use(inl)
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
### 激活主题
|
|
24
|
-
|
|
25
|
-
**vite.config.ts**
|
|
26
|
-
|
|
27
|
-
```javascript
|
|
28
|
-
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
-
|
|
30
|
-
...
|
|
31
|
-
|
|
32
|
-
css: {
|
|
33
|
-
preprocessorOptions: {
|
|
34
|
-
less: {
|
|
35
|
-
javascriptEnabled: true,
|
|
36
|
-
additionalData,
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
### 文档链接
|
|
43
|
-
|
|
44
|
-
##### [组件文档](./src/components/README.md)
|
|
45
|
-
|
|
46
|
-
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
-
|
|
48
|
-
##### [Utils文档](./src/utils/README.md)
|
|
49
|
-
|
|
1
|
+
# 工业PC ui库
|
|
2
|
+
|
|
3
|
+
前端通用库,包括组件、hooks、utils等。
|
|
4
|
+
|
|
5
|
+
### 运行
|
|
6
|
+
|
|
7
|
+
+ 开发模式 yarn dev
|
|
8
|
+
+ 生产打包 yarn build
|
|
9
|
+
+ 生成文档 yarn build:docs
|
|
10
|
+
+ 打包图扑工具 yarn buildtp
|
|
11
|
+
|
|
12
|
+
### 使用方法
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
import inl from 'inl-ui';
|
|
16
|
+
import 'inl-ui/dist/style.css';
|
|
17
|
+
|
|
18
|
+
vue.use(inl)
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### 激活主题
|
|
24
|
+
|
|
25
|
+
**vite.config.ts**
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
+
|
|
30
|
+
...
|
|
31
|
+
|
|
32
|
+
css: {
|
|
33
|
+
preprocessorOptions: {
|
|
34
|
+
less: {
|
|
35
|
+
javascriptEnabled: true,
|
|
36
|
+
additionalData,
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### 文档链接
|
|
43
|
+
|
|
44
|
+
##### [组件文档](./src/components/README.md)
|
|
45
|
+
|
|
46
|
+
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
+
|
|
48
|
+
##### [Utils文档](./src/utils/README.md)
|
|
49
|
+
|
|
@@ -11008,12 +11008,6 @@ const getMenuDetail = () => vue.defineComponent({
|
|
|
11008
11008
|
});
|
|
11009
11009
|
|
|
11010
11010
|
const fonts = [{
|
|
11011
|
-
label: "\u9ED8\u8BA4",
|
|
11012
|
-
value: ""
|
|
11013
|
-
}, {
|
|
11014
|
-
label: "Arial",
|
|
11015
|
-
value: "Arial"
|
|
11016
|
-
}, {
|
|
11017
11011
|
label: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
11018
11012
|
value: "Microsoft YaHei"
|
|
11019
11013
|
}, {
|
|
@@ -11079,14 +11073,25 @@ const FontSelect = vue.defineComponent({
|
|
|
11079
11073
|
emits: ["update:value", "change"],
|
|
11080
11074
|
props: {
|
|
11081
11075
|
value: String,
|
|
11082
|
-
selectOptions: Object
|
|
11076
|
+
selectOptions: Object,
|
|
11077
|
+
suffix: {
|
|
11078
|
+
type: Array,
|
|
11079
|
+
default: () => []
|
|
11080
|
+
},
|
|
11081
|
+
prefix: {
|
|
11082
|
+
type: Array,
|
|
11083
|
+
default: () => []
|
|
11084
|
+
}
|
|
11083
11085
|
},
|
|
11084
11086
|
setup(props, {
|
|
11085
11087
|
emit
|
|
11086
11088
|
}) {
|
|
11087
11089
|
const modelValue = core.useVModel(props, "value", emit);
|
|
11090
|
+
const options = vue.computed(() => {
|
|
11091
|
+
return _.concat(props.prefix, fonts, props.suffix);
|
|
11092
|
+
});
|
|
11088
11093
|
return () => vue.createVNode(vue.resolveComponent("a-select"), vue.mergeProps({
|
|
11089
|
-
"options":
|
|
11094
|
+
"options": options.value,
|
|
11090
11095
|
"onChange": e => emit("change", e)
|
|
11091
11096
|
}, props.selectOptions, {
|
|
11092
11097
|
"value": modelValue.value,
|
|
@@ -963,13 +963,32 @@ declare const getMenuDetail: () => vue.DefineComponent<{
|
|
|
963
963
|
declare const _default$1: vue.DefineComponent<{
|
|
964
964
|
value: StringConstructor;
|
|
965
965
|
selectOptions: ObjectConstructor;
|
|
966
|
+
suffix: {
|
|
967
|
+
type: ArrayConstructor;
|
|
968
|
+
default: () => never[];
|
|
969
|
+
};
|
|
970
|
+
prefix: {
|
|
971
|
+
type: ArrayConstructor;
|
|
972
|
+
default: () => never[];
|
|
973
|
+
};
|
|
966
974
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
967
975
|
value: StringConstructor;
|
|
968
976
|
selectOptions: ObjectConstructor;
|
|
977
|
+
suffix: {
|
|
978
|
+
type: ArrayConstructor;
|
|
979
|
+
default: () => never[];
|
|
980
|
+
};
|
|
981
|
+
prefix: {
|
|
982
|
+
type: ArrayConstructor;
|
|
983
|
+
default: () => never[];
|
|
984
|
+
};
|
|
969
985
|
}>> & {
|
|
970
986
|
onChange?: ((...args: any[]) => any) | undefined;
|
|
971
987
|
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
972
|
-
}, {
|
|
988
|
+
}, {
|
|
989
|
+
suffix: unknown[];
|
|
990
|
+
prefix: unknown[];
|
|
991
|
+
}, {}>;
|
|
973
992
|
|
|
974
993
|
declare const _default: vue.DefineComponent<{
|
|
975
994
|
zxIp: {
|
package/dist/components/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useRoute, useRouter } from 'vue-router';
|
|
|
4
4
|
import { useMounted, resolveRef, useThrottleFn, useVModel, useMagicKeys, whenever, watchArray, useEventListener, useSessionStorage, useFullscreen, useLocalStorage, useToggle, useElementBounding, useMemory, useWindowSize, useClipboard, useBreakpoints, breakpointsAntDesign } from '@vueuse/core';
|
|
5
5
|
import axios from 'axios';
|
|
6
6
|
import { message, Menu, MenuItem, Input, Badge, Avatar, MenuDivider, Modal, SubMenu, Dropdown, Tooltip, Select, Layout as Layout$1, LayoutHeader, LayoutSider, LayoutContent, Form, Row, Col, FormItem, SelectOption, Switch, InputNumber } from 'ant-design-vue';
|
|
7
|
-
import _, { isPlainObject, omit, differenceBy, isObject as isObject$1 } from 'lodash';
|
|
7
|
+
import _, { isPlainObject, omit, differenceBy, isObject as isObject$1, concat } from 'lodash';
|
|
8
8
|
import dayjs from 'dayjs';
|
|
9
9
|
import { loadMicroApp } from 'qiankun';
|
|
10
10
|
import 'vite-plugin-qiankun';
|
|
@@ -10998,12 +10998,6 @@ const getMenuDetail = () => defineComponent({
|
|
|
10998
10998
|
});
|
|
10999
10999
|
|
|
11000
11000
|
const fonts = [{
|
|
11001
|
-
label: "\u9ED8\u8BA4",
|
|
11002
|
-
value: ""
|
|
11003
|
-
}, {
|
|
11004
|
-
label: "Arial",
|
|
11005
|
-
value: "Arial"
|
|
11006
|
-
}, {
|
|
11007
11001
|
label: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
11008
11002
|
value: "Microsoft YaHei"
|
|
11009
11003
|
}, {
|
|
@@ -11069,14 +11063,25 @@ const FontSelect = defineComponent({
|
|
|
11069
11063
|
emits: ["update:value", "change"],
|
|
11070
11064
|
props: {
|
|
11071
11065
|
value: String,
|
|
11072
|
-
selectOptions: Object
|
|
11066
|
+
selectOptions: Object,
|
|
11067
|
+
suffix: {
|
|
11068
|
+
type: Array,
|
|
11069
|
+
default: () => []
|
|
11070
|
+
},
|
|
11071
|
+
prefix: {
|
|
11072
|
+
type: Array,
|
|
11073
|
+
default: () => []
|
|
11074
|
+
}
|
|
11073
11075
|
},
|
|
11074
11076
|
setup(props, {
|
|
11075
11077
|
emit
|
|
11076
11078
|
}) {
|
|
11077
11079
|
const modelValue = useVModel(props, "value", emit);
|
|
11080
|
+
const options = computed(() => {
|
|
11081
|
+
return concat(props.prefix, fonts, props.suffix);
|
|
11082
|
+
});
|
|
11078
11083
|
return () => createVNode(resolveComponent("a-select"), mergeProps({
|
|
11079
|
-
"options":
|
|
11084
|
+
"options": options.value,
|
|
11080
11085
|
"onChange": e => emit("change", e)
|
|
11081
11086
|
}, props.selectOptions, {
|
|
11082
11087
|
"value": modelValue.value,
|