@julingbase/jly-arco-design 0.0.1 → 0.0.2
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 +8 -113
- package/dist/arco-vue.js +6 -1
- package/dist/arco-vue.js.map +1 -1
- package/dist/arco-vue.min.js +2 -2
- package/dist/arco-vue.min.js.map +1 -1
- package/es/_components/input-label/input-label.d.ts +3 -3
- package/es/_components/picker/input-range.d.ts +4 -4
- package/es/_components/picker/input.d.ts +2 -2
- package/es/_components/select-view/select-view.d.ts +1 -1
- package/es/auto-complete/auto-complete.d.ts +3 -3
- package/es/auto-complete/index.d.ts +9 -9
- package/es/calendar/calendar.d.ts +1 -1
- package/es/calendar/index.d.ts +3 -3
- package/es/cascader/cascader-panel.d.ts +1 -1
- package/es/cascader/cascader.d.ts +5 -5
- package/es/cascader/index.d.ts +15 -15
- package/es/checkbox/checkbox-group.d.ts +2 -2
- package/es/checkbox/checkbox.d.ts +1 -1
- package/es/checkbox/index.d.ts +5 -5
- package/es/color-picker/color-picker.d.ts +1 -1
- package/es/color-picker/index.d.ts +3 -3
- package/es/date-picker/index.d.ts +8 -8
- package/es/date-picker/picker.d.ts +6 -6
- package/es/date-picker/range-picker.d.ts +8 -8
- package/es/dropdown/dropdown-button.d.ts +9 -0
- package/es/dropdown/dropdown.d.ts +9 -0
- package/es/dropdown/dropdown.js +6 -1
- package/es/dropdown/index.d.ts +24 -0
- package/es/form/form-item.d.ts +3 -3
- package/es/form/index.d.ts +3 -3
- package/es/input/index.d.ts +12 -12
- package/es/input/input-password.d.ts +3 -3
- package/es/input/input.d.ts +3 -3
- package/es/input-number/index.d.ts +3 -3
- package/es/input-number/input-number.d.ts +1 -1
- package/es/input-tag/index.d.ts +21 -21
- package/es/input-tag/input-tag.d.ts +7 -7
- package/es/mention/index.d.ts +9 -9
- package/es/mention/mention.d.ts +3 -3
- package/es/pagination/page-jumper.d.ts +3 -3
- package/es/pagination/page-options.d.ts +16 -16
- package/es/radio/index.d.ts +9 -9
- package/es/radio/radio-group.d.ts +3 -3
- package/es/radio/radio.d.ts +2 -2
- package/es/rate/index.d.ts +9 -9
- package/es/rate/rate.d.ts +3 -3
- package/es/select/index.d.ts +16 -16
- package/es/select/option.d.ts +5 -5
- package/es/select/select.d.ts +4 -4
- package/es/slider/index.d.ts +12 -12
- package/es/slider/slider-input.d.ts +3 -3
- package/es/slider/slider.d.ts +5 -5
- package/es/switch/index.d.ts +6 -6
- package/es/switch/switch.d.ts +2 -2
- package/es/table/table-operation-td.d.ts +14 -14
- package/es/textarea/index.d.ts +6 -6
- package/es/textarea/textarea.d.ts +2 -2
- package/es/time-picker/index.d.ts +18 -18
- package/es/time-picker/time-picker.d.ts +8 -8
- package/es/transfer/index.d.ts +16 -16
- package/es/transfer/transfer-view.d.ts +5 -5
- package/es/transfer/transfer.d.ts +7 -7
- package/es/tree/base-node.d.ts +5 -5
- package/es/tree/transition-node-list.d.ts +5 -5
- package/es/tree-select/index.d.ts +5 -5
- package/es/tree-select/tree-select.d.ts +2 -2
- package/es/typography/edit-content.d.ts +36 -36
- package/es/upload/index.d.ts +3 -3
- package/es/upload/upload.d.ts +1 -1
- package/es/verification-code/index.d.ts +6 -6
- package/es/verification-code/verification-code.d.ts +2 -2
- package/json/vetur-attributes.json +849 -845
- package/json/vetur-tags.json +322 -321
- package/json/web-types.json +2602 -2594
- package/lib/dropdown/dropdown.js +6 -1
- package/package.json +2 -2
- package/README.zh-CN.md +0 -110
package/README.md
CHANGED
|
@@ -1,113 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<div align="center">
|
|
11
|
-
|
|
12
|
-
A comprehensive Vue UI components library based on the [Arco Design](https://arco.design/) system.
|
|
13
|
-
|
|
14
|
-
[](https://github.com/arco-design/arco-design-vue/blob/main/LICENSE)
|
|
15
|
-
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
<div align="center">
|
|
19
|
-
|
|
20
|
-
English | [简体中文](./README.zh-CN.md)
|
|
21
|
-
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
# Features
|
|
25
|
-
|
|
26
|
-
## Comprehensive
|
|
27
|
-
|
|
28
|
-
With more than 60 crafted components that you can use out of the box.
|
|
29
|
-
|
|
30
|
-
## Customizable theme
|
|
31
|
-
|
|
32
|
-
Extensive theme tokens can be customized to build your own theme. Two ways of customization are supported:
|
|
33
|
-
|
|
34
|
-
* [With less-loader](https://arco.design/vue/docs/theme)
|
|
35
|
-
* [Design Lab](https://arco.design/themes) - Recommended!
|
|
36
|
-
|
|
37
|
-
## TypeScript friendly
|
|
38
|
-
|
|
39
|
-
All components are written in TypeScript so it's type friendly.
|
|
40
|
-
|
|
41
|
-
# Installation
|
|
42
|
-
|
|
43
|
-
Available as an [npm package](https://www.npmjs.com/package/@arco-design/web-vue)
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
// with npm
|
|
47
|
-
npm install @arco-design/web-vue
|
|
48
|
-
|
|
49
|
-
// with yarn
|
|
50
|
-
yarn add @arco-design/web-vue
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
# Examples
|
|
54
|
-
|
|
55
|
-
```typescript
|
|
56
|
-
import { createApp } from 'vue'
|
|
57
|
-
import ArcoVue from '@arco-design/web-vue';
|
|
58
|
-
import App from './App.vue';
|
|
59
|
-
import '@arco-design/web-vue/dist/arco.css';
|
|
60
|
-
|
|
61
|
-
const app = createApp(App);
|
|
62
|
-
app.use(ArcoVue);
|
|
63
|
-
app.mount('#app');
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
## Development
|
|
67
|
-
|
|
68
|
-
1. Use `npm install` to install basic packages such as `lerna` and `yarn`
|
|
69
|
-
|
|
70
|
-
2. Use `yarn install` to install the dependencies of each package in `workspaces` (If you encounter a `YN0018` error, you can use `YARN_CHECKSUM_BEHAVIOR=update yarn` to install)
|
|
71
|
-
|
|
72
|
-
3. Use `npm run init` to initialize the project
|
|
73
|
-
|
|
74
|
-
# Useful Links
|
|
75
|
-
|
|
76
|
-
* [Documentation website](https://arco.design/)
|
|
77
|
-
* [Dark mode](https://arco.design/vue/docs/dark)
|
|
78
|
-
* [Theme customization](https://arco.design/vue/docs/theme)
|
|
79
|
-
* [Figma component library](https://www.figma.com/file/FVu1DydEeXvJqXrkOb90Oi/ArcoDesign%E7%BB%84%E4%BB%B6%E8%AE%BE%E8%AE%A1_2.0?node-id=5472%3A308)
|
|
80
|
-
* [Awesome Arco](https://github.com/arco-design/awesome-arco)
|
|
81
|
-
|
|
82
|
-
# Ecosystems
|
|
83
|
-
|
|
84
|
-
| Project | Description |
|
|
85
|
-
| --------------------- | ------------------------------------------------------- |
|
|
86
|
-
| [React Component Library] | A comprehensive React UI components library based on the Arco Design system |
|
|
87
|
-
| [Design Lab] | A platform to create and manage your themes with ease. |
|
|
88
|
-
| [Material Market] | A platform that provides massive high-quality customized materials to greatly boost development efficiency. |
|
|
89
|
-
| [Icon Box] | One-stop platform to manage your icons. |
|
|
90
|
-
| [Arco Pro] | A solution to quickly building applications from scratch. |
|
|
91
|
-
|
|
92
|
-
[React Component Library]: https://arco.design/react/docs/start
|
|
93
|
-
|
|
94
|
-
[Design Lab]: https://arco.design/themes
|
|
95
|
-
|
|
96
|
-
[Material Market]: https://arco.design/material
|
|
97
|
-
|
|
98
|
-
[Icon Box]: https://arco.design/iconbox
|
|
99
|
-
|
|
100
|
-
[Arco Pro]: https://arco.design/pro/
|
|
101
|
-
|
|
102
|
-
# Contributing
|
|
103
|
-
|
|
104
|
-
Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and
|
|
105
|
-
the [Contributing Guide](./CONTRIBUTING.md).
|
|
106
|
-
|
|
107
|
-
Thank you to all the people who already contributed to ArcoDesign!
|
|
108
|
-
|
|
109
|
-
<a href="https://github.com/arco-design/arco-design-vue/graphs/contributors"><img src="https://contrib.rocks/image?repo=arco-design/arco-design-vue" /></a>
|
|
110
|
-
|
|
111
|
-
# License
|
|
112
|
-
|
|
113
|
-
Ths project is [MIT licensed](./LICENSE).
|
|
1
|
+
# jly-arco-design
|
|
2
|
+
一个基于arco-design二次封装的vue3组件库
|
|
3
|
+
|
|
4
|
+
# 更新日志
|
|
5
|
+
## 2025-11-24
|
|
6
|
+
### 新增
|
|
7
|
+
- Dropdown组件
|
|
8
|
+
- 新增auto-fit-position配置 用于控制弹出层是否自动调整位置
|
package/dist/arco-vue.js
CHANGED
|
@@ -8708,6 +8708,10 @@
|
|
|
8708
8708
|
hideOnSelect: {
|
|
8709
8709
|
type: Boolean,
|
|
8710
8710
|
default: true
|
|
8711
|
+
},
|
|
8712
|
+
triggerAutoFixPosition: {
|
|
8713
|
+
type: Boolean,
|
|
8714
|
+
default: true
|
|
8711
8715
|
}
|
|
8712
8716
|
},
|
|
8713
8717
|
emits: {
|
|
@@ -8748,6 +8752,7 @@
|
|
|
8748
8752
|
"popup-visible": _ctx.computedPopupVisible,
|
|
8749
8753
|
"animation-name": "slide-dynamic-origin",
|
|
8750
8754
|
"auto-fit-transform-origin": "",
|
|
8755
|
+
"auto-fit-position": _ctx.triggerAutoFixPosition,
|
|
8751
8756
|
trigger: _ctx.trigger,
|
|
8752
8757
|
position: _ctx.position,
|
|
8753
8758
|
"popup-offset": 4,
|
|
@@ -8775,7 +8780,7 @@
|
|
|
8775
8780
|
vue.renderSlot(_ctx.$slots, "default")
|
|
8776
8781
|
]),
|
|
8777
8782
|
_: 3
|
|
8778
|
-
}, 8, ["popup-visible", "trigger", "position", "popup-container", "opened-class", "onPopupVisibleChange"]);
|
|
8783
|
+
}, 8, ["popup-visible", "auto-fit-position", "trigger", "position", "popup-container", "opened-class", "onPopupVisibleChange"]);
|
|
8779
8784
|
}
|
|
8780
8785
|
var _Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["render", _sfc_render$2t]]);
|
|
8781
8786
|
const _sfc_main$2t = vue.defineComponent({
|