@gct-paas/design-web 0.1.4-dev.8 → 0.1.5-dev.0
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/dist/index.min.css +2 -1
- package/dist/loader.esm.min.js +1 -0
- package/es/_virtual/_plugin-vue_export-helper.mjs +8 -0
- package/es/components/form-component/FieldCheckbox.d.ts +38 -0
- package/es/components/form-component/FieldCheckbox.mjs +71 -0
- package/es/components/form-component/FieldRadio.d.ts +38 -0
- package/es/components/form-component/FieldRadio.mjs +64 -0
- package/es/components/form-component/FieldSelect.d.ts +82 -0
- package/es/components/form-component/FieldSelect.mjs +174 -0
- package/es/components/form-component/field-emptyValue.d.ts +6 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue.d.ts +17 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue.mjs +6 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue_vue_type_script_setup_true_lang.mjs +122 -0
- package/es/components/form-component/field-label/ref-card-label-design.vue_vue_type_style_index_0_lang.css +9 -0
- package/es/components/form-component/field-label/selectTag.vue.d.ts +10 -0
- package/es/components/form-component/field-label/selectTag.vue.mjs +5 -0
- package/es/components/form-component/field-label/selectTag.vue_vue_type_script_setup_true_lang.mjs +22 -0
- package/es/components/form-component/field-label/tag-label.vue.d.ts +36 -0
- package/es/components/form-component/field-label/tag-label.vue.mjs +7 -0
- package/es/components/form-component/field-label/tag-label.vue_vue_type_script_setup_true_lang.mjs +143 -0
- package/es/components/form-component/field-label/tag-label.vue_vue_type_style_index_0_scoped_a1ded441_lang.css +15 -0
- package/es/components/form-component/field-label/tag-layout.vue.d.ts +21 -0
- package/es/components/form-component/field-label/tag-layout.vue.mjs +7 -0
- package/es/components/form-component/field-label/tag-layout.vue_vue_type_script_setup_true_lang.mjs +16 -0
- package/es/components/form-component/field-label/tag-layout.vue_vue_type_style_index_0_scoped_85e6a8f5_lang.css +12 -0
- package/es/components/form-component/field-label/tag-span.vue.d.ts +21 -0
- package/es/components/form-component/field-label/tag-span.vue.mjs +7 -0
- package/es/components/form-component/field-label/tag-span.vue_vue_type_script_setup_true_lang.mjs +25 -0
- package/es/components/form-component/field-label/tag-span.vue_vue_type_style_index_0_scoped_3bf855f6_lang.css +31 -0
- package/es/components/form-component/field-readonly.vue.d.ts +22 -0
- package/es/components/form-component/field-readonly.vue.mjs +5 -0
- package/es/components/form-component/field-readonly.vue_vue_type_script_setup_true_lang.mjs +81 -0
- package/es/components/form-component/index.css +40 -0
- package/es/components/form-component/index.d.ts +8 -0
- package/es/components/form-component/index.mjs +7 -0
- package/es/components/index.d.ts +1 -3
- package/es/components/index.mjs +8 -0
- package/es/index.d.ts +1 -0
- package/es/index.mjs +14 -11
- package/es/loader.d.ts +1 -0
- package/es/types/index.d.ts +4 -2
- package/package.json +25 -15
- package/dist/index.esm.min.mjs +0 -33
- package/dist/index.min.cjs +0 -1
- package/dist/index.system.min.js +0 -1
- package/es/components/test-com/test-com.css +0 -67
- package/es/components/test-com/test-com.d.ts +0 -3
- package/es/components/test-com/test-com.mjs +0 -20
- package/es/components/test-vue-com/test-vue-com.vue.d.ts +0 -2
- package/es/components/test-vue-com/test-vue-com.vue.mjs +0 -21
- package/es/components/test-vue-com/test-vue-com.vue2.mjs +0 -5
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner {
|
|
2
|
+
border: 1px solid var(--ant-primary-3) !important;
|
|
3
|
+
background-color: #fff;
|
|
4
|
+
}
|
|
5
|
+
.field-radio-group .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-checked.ant-radio-disabled .ant-radio-inner::after {
|
|
6
|
+
background: var(--ant-primary-3);
|
|
7
|
+
}
|
|
8
|
+
.field-radio-group--readonly .ant-radio-wrapper {
|
|
9
|
+
pointer-events: none;
|
|
10
|
+
}
|
|
11
|
+
.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
|
|
12
|
+
border: 1px solid var(--ant-primary-4) !important;
|
|
13
|
+
background-color: #fff;
|
|
14
|
+
}
|
|
15
|
+
.field-radio-group--readonly .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
|
|
16
|
+
background: var(--ant-primary-4);
|
|
17
|
+
}
|
|
18
|
+
.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
|
|
19
|
+
border: 1px solid var(--ant-primary-3) !important;
|
|
20
|
+
background-color: var(--ant-primary-3);
|
|
21
|
+
}
|
|
22
|
+
.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner::after {
|
|
23
|
+
border-color: #fff;
|
|
24
|
+
}
|
|
25
|
+
.field-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-checked.ant-checkbox-disabled::after {
|
|
26
|
+
border: 1px solid var(--ant-primary-3) !important;
|
|
27
|
+
}
|
|
28
|
+
.field-checkbox-group--readonly .ant-checkbox-wrapper {
|
|
29
|
+
pointer-events: none;
|
|
30
|
+
}
|
|
31
|
+
.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
|
|
32
|
+
border: 1px solid var(--ant-primary-4) !important;
|
|
33
|
+
background-color: var(--ant-primary-4);
|
|
34
|
+
}
|
|
35
|
+
.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
|
|
36
|
+
border-color: #fff;
|
|
37
|
+
}
|
|
38
|
+
.field-checkbox-group--readonly .ant-checkbox-wrapper .ant-checkbox-checked::after {
|
|
39
|
+
border: 1px solid var(--ant-primary-4) !important;
|
|
40
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as FieldSelect } from './FieldSelect';
|
|
2
|
+
import { default as FieldRadio } from './FieldRadio';
|
|
3
|
+
import { default as FieldCheckbox } from './FieldCheckbox';
|
|
4
|
+
import { default as TagLabel } from './field-label/tag-label.vue';
|
|
5
|
+
import { default as selectTag } from './field-label/selectTag.vue';
|
|
6
|
+
import { default as fieldReadonly } from './field-readonly.vue';
|
|
7
|
+
import { default as RefCardLabelDesign } from './field-label/ref-card-label-design.vue';
|
|
8
|
+
export { FieldSelect, FieldRadio, FieldCheckbox, selectTag, TagLabel as taglabel, fieldReadonly, RefCardLabelDesign, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "./field-label/tag-label.vue.mjs";
|
|
2
|
+
import "./field-readonly.vue.mjs";
|
|
3
|
+
import "./field-label/selectTag.vue.mjs";
|
|
4
|
+
import "./FieldSelect.mjs";
|
|
5
|
+
import "./FieldRadio.mjs";
|
|
6
|
+
import "./FieldCheckbox.mjs";
|
|
7
|
+
import "./field-label/ref-card-label-design.vue.mjs";
|
package/es/components/index.d.ts
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "./form-component/field-label/tag-label.vue.mjs";
|
|
2
|
+
import "./form-component/field-readonly.vue.mjs";
|
|
3
|
+
import "./form-component/field-label/selectTag.vue.mjs";
|
|
4
|
+
import "./form-component/FieldSelect.mjs";
|
|
5
|
+
import "./form-component/FieldRadio.mjs";
|
|
6
|
+
import "./form-component/FieldCheckbox.mjs";
|
|
7
|
+
import "./form-component/field-label/ref-card-label-design.vue.mjs";
|
|
8
|
+
import "./form-component/index.mjs";
|
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import tag_label_default from "./components/form-component/field-label/tag-label.vue.mjs";
|
|
2
|
+
import field_readonly_default from "./components/form-component/field-readonly.vue.mjs";
|
|
3
|
+
import selectTag_default from "./components/form-component/field-label/selectTag.vue.mjs";
|
|
4
|
+
import FieldSelect_default from "./components/form-component/FieldSelect.mjs";
|
|
5
|
+
import FieldRadio_default from "./components/form-component/FieldRadio.mjs";
|
|
6
|
+
import FieldCheckbox_default from "./components/form-component/FieldCheckbox.mjs";
|
|
7
|
+
import ref_card_label_design_default from "./components/form-component/field-label/ref-card-label-design.vue.mjs";
|
|
8
|
+
import "./components/index.mjs";
|
|
9
|
+
//#region src/index.ts
|
|
10
|
+
var src_default = { install(app) {
|
|
11
|
+
console.log("Design Web install", app);
|
|
12
|
+
} };
|
|
13
|
+
//#endregion
|
|
14
|
+
export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, ref_card_label_design_default as RefCardLabelDesign, src_default as default, field_readonly_default as fieldReadonly, selectTag_default as selectTag, tag_label_default as taglabel };
|
package/es/loader.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './index';
|
package/es/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gct-paas/design-web",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5-dev.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台设计界面移动端底包",
|
|
6
|
-
"
|
|
7
|
-
"module": "es/index.mjs",
|
|
6
|
+
"loader": "dist/loader.esm.min.js",
|
|
8
7
|
"types": "es/index.d.ts",
|
|
9
|
-
"system": "dist/index.system.min.js",
|
|
10
8
|
"exports": {
|
|
11
9
|
".": {
|
|
12
10
|
"types": "./es/index.d.ts",
|
|
13
|
-
"import": "./es/index.mjs"
|
|
14
|
-
|
|
11
|
+
"import": "./es/index.mjs"
|
|
12
|
+
},
|
|
13
|
+
"./types": {
|
|
14
|
+
"types": "./es/types/index.d.ts"
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
@@ -42,15 +42,25 @@
|
|
|
42
42
|
"publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@
|
|
46
|
-
"@gct-paas/
|
|
47
|
-
"@gct-paas/
|
|
48
|
-
"@gct-paas/
|
|
49
|
-
"
|
|
45
|
+
"@ant-design/icons-vue": "^6.1.0",
|
|
46
|
+
"@gct-paas/api": "^0.1.2-dev.3",
|
|
47
|
+
"@gct-paas/core": "0.1.5-dev.0",
|
|
48
|
+
"@gct-paas/core-web": "0.1.5-dev.0",
|
|
49
|
+
"@gct-paas/design": "0.1.5-dev.0",
|
|
50
|
+
"@gct-paas/schema": "0.1.5-dev.0",
|
|
51
|
+
"@gct-paas/scss": "0.1.5-dev.0",
|
|
52
|
+
"@vueuse/core": "^14.1.0",
|
|
53
|
+
"ant-design-vue": "~3.2.20",
|
|
54
|
+
"vue": "^3.5.30"
|
|
50
55
|
},
|
|
51
|
-
"
|
|
52
|
-
"@gct-paas/
|
|
53
|
-
"
|
|
56
|
+
"peerDependencies": {
|
|
57
|
+
"@gct-paas/api": "*",
|
|
58
|
+
"@gct-paas/core": "*",
|
|
59
|
+
"@gct-paas/core-web": "*",
|
|
60
|
+
"@gct-paas/design": "*",
|
|
61
|
+
"@gct-paas/schema": "*",
|
|
62
|
+
"@gct-paas/scss": "*",
|
|
63
|
+
"vue": ">=3"
|
|
54
64
|
},
|
|
55
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "d5a1badfd34c55ceefd2cf33f2ee659454076e37"
|
|
56
66
|
}
|
package/dist/index.esm.min.mjs
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { defineComponent as c, ref as t, openBlock as i, createElementBlock as d, normalizeClass as p, unref as v, createElementVNode as n, toDisplayString as o, createVNode as _, createTextVNode as f } from "vue";
|
|
2
|
-
import { useNamespace as l } from "@gct-paas/core";
|
|
3
|
-
const s = /* @__PURE__ */ c({
|
|
4
|
-
__name: "test-vue-com",
|
|
5
|
-
setup(e) {
|
|
6
|
-
const m = l("test-vue-com"), a = t("Hello World!"), u = t("Hello World2!");
|
|
7
|
-
return (C, x) => (i(), d("div", {
|
|
8
|
-
class: p(v(m).b())
|
|
9
|
-
}, [
|
|
10
|
-
n("div", null, o(a.value), 1),
|
|
11
|
-
n("div", null, o(u.value), 1)
|
|
12
|
-
], 2));
|
|
13
|
-
}
|
|
14
|
-
}), r = /* @__PURE__ */ c({
|
|
15
|
-
name: "TestCom",
|
|
16
|
-
setup() {
|
|
17
|
-
return {
|
|
18
|
-
ns: l("test-com")
|
|
19
|
-
};
|
|
20
|
-
},
|
|
21
|
-
render() {
|
|
22
|
-
return _("div", {
|
|
23
|
-
class: this.ns.b()
|
|
24
|
-
}, [f("TestCom")]);
|
|
25
|
-
}
|
|
26
|
-
}), g = {
|
|
27
|
-
install(e) {
|
|
28
|
-
e.component(r.name, r), e.component(s.name, s);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
g as default
|
|
33
|
-
};
|
package/dist/index.min.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@gct-paas/core"),n=e.defineComponent({__name:"test-vue-com",setup(t){const r=s.useNamespace("test-vue-com"),c=e.ref("Hello World!"),l=e.ref("Hello World2!");return(u,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",null,e.toDisplayString(c.value),1),e.createElementVNode("div",null,e.toDisplayString(l.value),1)],2))}}),o=e.defineComponent({name:"TestCom",setup(){return{ns:s.useNamespace("test-com")}},render(){return e.createVNode("div",{class:this.ns.b()},[e.createTextVNode("TestCom")])}}),a={install(t){t.component(o.name,o),t.component(n.name,n)}};exports.default=a;
|
package/dist/index.system.min.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["vue","@gct-paas/core"],(function(v,C){"use strict";var n,s,a,l,i,m,c,o,u,p,r;return{setters:[e=>{n=e.defineComponent,s=e.ref,a=e.openBlock,l=e.createElementBlock,i=e.normalizeClass,m=e.unref,c=e.createElementVNode,o=e.toDisplayString,u=e.createVNode,p=e.createTextVNode},e=>{r=e.useNamespace}],execute:(function(){const e=n({__name:"test-vue-com",setup(t){const d=r("test-vue-com"),N=s("Hello World!"),_=s("Hello World2!");return(V,x)=>(a(),l("div",{class:i(m(d).b())},[c("div",null,o(N.value),1),c("div",null,o(_.value),1)],2))}}),f=n({name:"TestCom",setup(){return{ns:r("test-com")}},render(){return u("div",{class:this.ns.b()},[p("TestCom")])}}),g=v("default",{install(t){t.component(f.name,f),t.component(e.name,e)}})})}}));
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
/* stylelint-disable scss/no-global-function-names */
|
|
3
|
-
/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
|
|
4
|
-
/**
|
|
5
|
-
* 定义 Block 块
|
|
6
|
-
* @param {String} $block - Block 块名称
|
|
7
|
-
* @example
|
|
8
|
-
* @include b('button') {
|
|
9
|
-
* padding: 10px;
|
|
10
|
-
* }
|
|
11
|
-
*/
|
|
12
|
-
/**
|
|
13
|
-
* 定义 Element 元素
|
|
14
|
-
* @param {String|List} $element - Element 元素名称,支持单个或多个
|
|
15
|
-
* @example
|
|
16
|
-
* @include b('button') {
|
|
17
|
-
* @include e('text') {
|
|
18
|
-
* color: #000;
|
|
19
|
-
* }
|
|
20
|
-
* }
|
|
21
|
-
* // 或传入多个元素
|
|
22
|
-
* @include b('button') {
|
|
23
|
-
* @include e(('text', 'icon')) {
|
|
24
|
-
* margin: 5px;
|
|
25
|
-
* }
|
|
26
|
-
* }
|
|
27
|
-
*/
|
|
28
|
-
/**
|
|
29
|
-
* 定义 Modifier 修饰符
|
|
30
|
-
* @param {String|List} $modifier - Modifier 修饰符名称,支持单个或多个
|
|
31
|
-
* @example
|
|
32
|
-
* @include b('button') {
|
|
33
|
-
* @include m('primary') {
|
|
34
|
-
* background: blue;
|
|
35
|
-
* }
|
|
36
|
-
* }
|
|
37
|
-
* // 或传入多个修饰符
|
|
38
|
-
* @include b('button') {
|
|
39
|
-
* @include m(('primary', 'large')) {
|
|
40
|
-
* background: blue;
|
|
41
|
-
* font-size: 16px;
|
|
42
|
-
* }
|
|
43
|
-
* }
|
|
44
|
-
*/
|
|
45
|
-
/**
|
|
46
|
-
* 定义状态选择器
|
|
47
|
-
* @param {String} $state - 状态名称
|
|
48
|
-
* @example
|
|
49
|
-
* @include b('button') {
|
|
50
|
-
* @include when('disabled') {
|
|
51
|
-
* opacity: 0.5;
|
|
52
|
-
* }
|
|
53
|
-
* }
|
|
54
|
-
*/
|
|
55
|
-
/**
|
|
56
|
-
* 深色主题样式
|
|
57
|
-
* @param {String} $block - Block 块名称
|
|
58
|
-
* @example
|
|
59
|
-
* @include dark('button') {
|
|
60
|
-
* background: #333;
|
|
61
|
-
* color: #fff;
|
|
62
|
-
* }
|
|
63
|
-
*/
|
|
64
|
-
/* stylelint-disable scss/no-global-function-names */
|
|
65
|
-
.gct-test-com {
|
|
66
|
-
background-color: aqua;
|
|
67
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const TestCom: import('vue').DefineComponent<{}, {
|
|
2
|
-
ns: import('@gct-paas/core').Namespace;
|
|
3
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { defineComponent, createVNode, createTextVNode } from 'vue';
|
|
2
|
-
import { useNamespace } from '@gct-paas/core';
|
|
3
|
-
import './test-com.css';/* empty css */
|
|
4
|
-
|
|
5
|
-
const TestCom = /* @__PURE__ */ defineComponent({
|
|
6
|
-
name: 'TestCom',
|
|
7
|
-
setup() {
|
|
8
|
-
const ns = useNamespace('test-com');
|
|
9
|
-
return {
|
|
10
|
-
ns
|
|
11
|
-
};
|
|
12
|
-
},
|
|
13
|
-
render() {
|
|
14
|
-
return createVNode("div", {
|
|
15
|
-
"class": this.ns.b()
|
|
16
|
-
}, [createTextVNode("TestCom")]);
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
export { TestCom };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
-
export default _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString } from 'vue';
|
|
2
|
-
import { useNamespace } from '@gct-paas/core';
|
|
3
|
-
|
|
4
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "test-vue-com",
|
|
6
|
-
setup(__props) {
|
|
7
|
-
const ns = useNamespace("test-vue-com");
|
|
8
|
-
const msg = ref("Hello World!");
|
|
9
|
-
const msg2 = ref("Hello World2!");
|
|
10
|
-
return (_ctx, _cache) => {
|
|
11
|
-
return openBlock(), createElementBlock("div", {
|
|
12
|
-
class: normalizeClass(unref(ns).b())
|
|
13
|
-
}, [
|
|
14
|
-
createElementVNode("div", null, toDisplayString(msg.value), 1),
|
|
15
|
-
createElementVNode("div", null, toDisplayString(msg2.value), 1)
|
|
16
|
-
], 2);
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
export { _sfc_main as default };
|