xlzw-component 1.0.4 → 1.0.5
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 +17 -6
- package/dist/index.css +1 -1
- package/dist/xlzw-component.js +740 -169
- package/dist/xlzw-component.js.map +1 -1
- package/dist/xlzw-component.umd.cjs +2 -2
- package/dist/xlzw-component.umd.cjs.map +1 -1
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# xlzw-components
|
|
2
2
|
|
|
3
|
-
基于 Vue3 + Ant Design Vue
|
|
3
|
+
基于 Vue3 + Ant Design Vue 的自定义组件库。
|
|
4
4
|
|
|
5
5
|
## 技术栈
|
|
6
6
|
|
|
@@ -51,24 +51,35 @@ npm i xlzw-components
|
|
|
51
51
|
```js
|
|
52
52
|
import { createApp } from 'vue'
|
|
53
53
|
import App from './App.vue'
|
|
54
|
-
import {
|
|
54
|
+
import { Button } from 'xlzw-components'
|
|
55
55
|
import 'ant-design-vue/dist/reset.css'
|
|
56
56
|
|
|
57
57
|
const app = createApp(App)
|
|
58
|
-
app.use(
|
|
58
|
+
app.use(Button) // 或局部注册
|
|
59
59
|
app.mount('#app')
|
|
60
60
|
```
|
|
61
61
|
|
|
62
62
|
```vue
|
|
63
63
|
<template>
|
|
64
|
-
<
|
|
64
|
+
<Button type="primary">按钮</Button>
|
|
65
65
|
</template>
|
|
66
66
|
```
|
|
67
67
|
|
|
68
68
|
## 组件
|
|
69
69
|
|
|
70
|
-
- **
|
|
70
|
+
- **Button**:基于 Ant Design Vue Button 的封装,用于测试。
|
|
71
71
|
|
|
72
72
|
## 版本
|
|
73
73
|
|
|
74
|
-
当前版本:v1.0.
|
|
74
|
+
<!-- 当前版本:v1.0.5 - 2026-01-27
|
|
75
|
+
|
|
76
|
+
###-->
|
|
77
|
+
### [1.0.5] - 2026-01-27
|
|
78
|
+
- 新增组件:
|
|
79
|
+
- **xlzwBusinessInterface**:业务弹窗布局
|
|
80
|
+
- **xlzwEmbeddedTab**:嵌入标签页
|
|
81
|
+
- **xlzwMaxThreeLineTxt**:最大三行文本
|
|
82
|
+
- **xlzwSelectCity**:选择城市
|
|
83
|
+
- **xlzwTabs**:标签页
|
|
84
|
+
|
|
85
|
+
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#cancel[data-v-b09240e9],#submit[data-v-b09240e9],#reset[data-v-b09240e9],#sweep[data-v-b09240e9],#disable[data-v-b09240e9]{font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;height:36px;line-height:36px;padding:0 20px;border-radius:5px;cursor:pointer;margin:0 5px;display:inline-block;box-sizing:border-box;text-align:center;white-space:nowrap;font-weight:500}#cancel[data-v-b09240e9]{color:#fff;background:#88a6b0}#submit[data-v-b09240e9]{color:#fff;background:#ec4408}#reset[data-v-b09240e9],#sweep[data-v-b09240e9]{color:#000;background:#fff;border:1px solid #88a6b0}#disable[data-v-b09240e9]{color:#ccc;background:#f0f0f0}[data-v-b09240e9]::deep(button){height:36px!important;font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;background:#f0f0f0;color:#ccc;margin:0 5px}[data-v-868a4dd6] .ant-modal-content{padding:0!important}[data-v-868a4dd6] .ant-modal-close{color:#fff;top:10px;right:10px}[data-v-868a4dd6] .anticon-close{font-size:16px}[data-v-868a4dd6] .ant-modal-close:hover{color:#fff}[data-v-868a4dd6] .ant-modal-header{margin-bottom:0}[data-v-868a4dd6] .ant-modal-title{color:#fff;height:40px;background:#333;display:flex;align-items:center;padding:0 20px;font-size:13px;border-top-left-radius:5px;border-top-right-radius:5px}[data-v-868a4dd6] .ant-modal-body{background:#f0f0f0;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
|
|
1
|
+
#cancel[data-v-b09240e9],#submit[data-v-b09240e9],#reset[data-v-b09240e9],#sweep[data-v-b09240e9],#disable[data-v-b09240e9]{font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;height:36px;line-height:36px;padding:0 20px;border-radius:5px;cursor:pointer;margin:0 5px;display:inline-block;box-sizing:border-box;text-align:center;white-space:nowrap;font-weight:500}#cancel[data-v-b09240e9]{color:#fff;background:#88a6b0}#submit[data-v-b09240e9]{color:#fff;background:#ec4408}#reset[data-v-b09240e9],#sweep[data-v-b09240e9]{color:#000;background:#fff;border:1px solid #88a6b0}#disable[data-v-b09240e9]{color:#ccc;background:#f0f0f0}[data-v-b09240e9]::deep(button){height:36px!important;font-family:思源黑体 CN-Normal,思源黑体 CN,sans-serif;font-weight:350;font-size:13px;background:#f0f0f0;color:#ccc;margin:0 5px}[data-v-868a4dd6] .ant-modal-content{padding:0!important}[data-v-868a4dd6] .ant-modal-close{color:#fff;top:10px;right:10px}[data-v-868a4dd6] .anticon-close{font-size:16px}[data-v-868a4dd6] .ant-modal-close:hover{color:#fff}[data-v-868a4dd6] .ant-modal-header{margin-bottom:0}[data-v-868a4dd6] .ant-modal-title{color:#fff;height:40px;background:#333;display:flex;align-items:center;padding:0 20px;font-size:13px;border-top-left-radius:5px;border-top-right-radius:5px}[data-v-868a4dd6] .ant-modal-body{background:#f0f0f0;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.header[data-v-27e52c4b]{height:44px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:700}.btn[data-v-27e52c4b]{position:absolute;right:10px}.slanted-tabs-wrapper[data-v-f92649a9]{--tab-skew-width: 25px;--tab-height: 32px;--tab-height-active: 34px;--bg-inactive: #fafafa;--bg-active: #ffffff;--text-inactive: #000;--text-active: #000;--border-color: #dcdcdc !important;--border-width: 1px;width:100%}.tab-header[data-v-f92649a9]{display:flex;align-items:flex-end;border-bottom:var(--border-width) solid var(--border-color)}.tab-item[data-v-f92649a9]{position:relative;height:var(--tab-height);line-height:var(--tab-height);padding:0 calc(15px + var(--tab-skew-width)) 0 25px;margin-right:-12px;cursor:pointer;transition:all .2s ease;font-weight:500;color:var(--text-inactive);background-color:var(--border-color);z-index:1;width:127px;clip-path:polygon(0 0,calc(100% - var(--tab-skew-width)) 0,100% 100%,0 100%)}.tab-item[data-v-f92649a9]:before{content:"";position:absolute;top:var(--border-width);left:var(--border-width);right:var(--border-width);bottom:0;background-color:var(--bg-inactive);z-index:-1;clip-path:polygon(0 0,calc(100% - var(--tab-skew-width)) 0,100% 100%,0 100%);transition:background-color .2s ease}.tab-item.active[data-v-f92649a9]{height:var(--tab-height-active);line-height:var(--tab-height-active);color:var(--text-active);z-index:10;margin-bottom:calc(var(--border-width) * -2);border-bottom:none}.tab-item.active[data-v-f92649a9]:before{background-color:var(--bg-active);bottom:0}.tab-text[data-v-f92649a9]{position:relative;z-index:2;-webkit-user-select:none;user-select:none}.tab-content-panel[data-v-f92649a9]{background:var(--bg-active);height:100%}.text-truncation[data-v-ad7715fb]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em;word-break:break-all}.right_Top[data-v-d8c7bbbe]{width:100%;height:44px;background:#fff;border-radius:5px;display:flex;align-items:center}.tabs[data-v-d8c7bbbe]{width:180px;height:32px;border-radius:5px;line-height:32px;padding-left:10px;margin-left:10px;color:#333;background:#f2f2f2;cursor:pointer;transition:all .2s ease}.tabs.active[data-v-d8c7bbbe]{color:#fff;background:#88a6b0}.tabs.active[data-v-d8c7bbbe]:hover{background:#7a98a3}
|