@vue-start/pro 0.5.14 → 0.5.15

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 (5) hide show
  1. package/dist/index.css +127 -9
  2. package/dist/index.d.ts +8 -29
  3. package/dist/index.es.js +688 -678
  4. package/dist/index.js +1 -1
  5. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,17 +1,48 @@
1
+ :root {
2
+ /*layout*/
3
+ --pro-header-hei: 60px;
4
+ --pro-divide-ver-hei: 2px;
5
+ --pro-left-menu-wid: 220px;
6
+ /*page*/
7
+ --pro-page-header-hei: 40px;
8
+ --pro-page-footer-hei: 46px;
9
+
10
+ /*color*/
11
+ --pro-color-primary: #1890ff;
12
+ }
13
+
1
14
  /********************************** pro-layout ***********************************/
2
15
 
3
16
  .pro-layout {
17
+ --pro-secion-hei: calc(100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei));
4
18
  }
5
19
 
6
20
  .pro-layout .pro-layout-header {
7
- height: var(--header-hei);
21
+ height: var(--pro-header-hei);
8
22
  display: flex;
9
23
  align-items: center;
10
24
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
25
+ z-index: 9;
11
26
  }
12
27
 
13
- .pro-layout .pro-layout-header .pro-layout-menus {
14
- flex: 1;
28
+ .pro-layout .pro-layout-header .pro-header-menus-wrapper {
29
+ flex-grow: 1;
30
+ position: relative;
31
+ height: 100%;
32
+ display: flex;
33
+ align-items: center;
34
+ }
35
+
36
+ .pro-layout .pro-layout-header .pro-header-menus-wrapper .pro-layout-menus {
37
+ position: absolute;
38
+ left: 0;
39
+ /* ant-design-vue */
40
+ border-bottom: unset;
41
+ }
42
+
43
+ .pro-layout .pro-layout-section {
44
+ margin-top: var(--pro-divide-ver-hei);
45
+ height: var(--pro-secion-hei);
15
46
  }
16
47
 
17
48
  /*vertical*/
@@ -25,9 +56,12 @@
25
56
  }
26
57
 
27
58
  .pro-layout-horizontal .pro-layout-menus {
28
- width: 240px;
29
- min-width: 240px;
30
- max-width: 240px;
59
+ width: var(--pro-left-menu-wid);
60
+ min-width: var(--pro-left-menu-wid);
61
+ max-width: var(--pro-left-menu-wid);
62
+ max-height: 100vh;
63
+ overflow-y: auto;
64
+ overflow-x: hidden;
31
65
  }
32
66
 
33
67
  .pro-layout-horizontal .pro-layout-structure {
@@ -44,9 +78,13 @@
44
78
  }
45
79
 
46
80
  .pro-layout-compose .pro-layout-structure .pro-layout-menus {
47
- width: 220px;
48
- min-width: 220px;
49
- max-width: 220px;
81
+ width: var(--pro-left-menu-wid);
82
+ min-width: var(--pro-left-menu-wid);
83
+ max-width: var(--pro-left-menu-wid);
84
+ margin-top: var(--pro-divide-ver-hei);
85
+ max-height: calc(100vh - var(--pro-header-hei) - var(--pro-divide-ver-hei));
86
+ overflow-y: auto;
87
+ overflow-x: hidden;
50
88
  }
51
89
 
52
90
  .pro-layout-compose .pro-layout-structure .pro-layout-section {
@@ -105,6 +143,7 @@
105
143
  flex-grow: 1;
106
144
  }
107
145
 
146
+ /* element-plus */
108
147
  .pro-table .pro-table-toolbar .pro-table-toolbar-start .el-form-item {
109
148
  margin-bottom: 0px;
110
149
  }
@@ -114,3 +153,82 @@
114
153
  align-items: center;
115
154
  justify-content: space-between;
116
155
  }
156
+
157
+ /********************************** pro-page ***********************************/
158
+
159
+ .pro-page {
160
+ height: var(--pro-secion-hei);
161
+ max-height: var(--pro-secion-hei);
162
+ overflow-y: auto;
163
+ box-sizing: border-box;
164
+ }
165
+
166
+ .pro-page-header {
167
+ height: var(--pro-page-header-hei);
168
+ display: flex;
169
+ align-items: center;
170
+ padding: 0px 10px;
171
+ }
172
+
173
+ .pro-page-header .pro-page-header-back {
174
+ font-size: 16px;
175
+ color: black;
176
+ cursor: pointer;
177
+ padding-right: 8px;
178
+ }
179
+
180
+ .pro-page-header .pro-page-header-back:hover {
181
+ color: var(--pro-color-primary);
182
+ }
183
+
184
+ .pro-page-header .pro-page-header-title {
185
+ font-size: 16px;
186
+ color: black;
187
+ margin-right: 12px;
188
+ }
189
+
190
+ .pro-page-header .pro-page-header-sub-title {
191
+ color: #00000073;
192
+ }
193
+
194
+ .pro-page-header .pro-page-header-space {
195
+ flex-grow: 1;
196
+ }
197
+
198
+ .pro-page .pro-loading-dom {
199
+ height: 20vh;
200
+ }
201
+
202
+ .pro-page .pro-page-content {
203
+ }
204
+
205
+ .pro-page .pro-page-footer {
206
+ height: var(--pro-page-footer-hei);
207
+ }
208
+
209
+ /* 填充模式 */
210
+
211
+ .pro-page-fill {
212
+ /*position: relative;*/
213
+ }
214
+
215
+ .pro-page-fill .pro-page-header {
216
+ position: sticky;
217
+ top: 0;
218
+ right: 0;
219
+ left: 0;
220
+ z-index: 1;
221
+ background-color: white;
222
+ }
223
+
224
+ .pro-page-fill .pro-page-content {
225
+ }
226
+
227
+ .pro-page-fill .pro-page-footer {
228
+ position: sticky;
229
+ bottom: 0;
230
+ right: 0;
231
+ left: 0;
232
+ z-index: 1;
233
+ background-color: white;
234
+ }
package/dist/index.d.ts CHANGED
@@ -1155,36 +1155,15 @@ declare const proPageHeaderProps: () => {
1155
1155
  type: BooleanConstructor;
1156
1156
  default: boolean;
1157
1157
  };
1158
- };
1159
- declare type PageHeaderProps = Partial<ExtractPropTypes<ReturnType<typeof proPageHeaderProps>>>;
1160
- declare const PageHeader: vue.DefineComponent<{
1161
- title: {
1162
- type: StringConstructor;
1163
- };
1164
- subTitle: {
1165
- type: StringConstructor;
1166
- };
1167
- showBack: BooleanConstructor;
1168
- hideWhileNoHistory: {
1169
- type: BooleanConstructor;
1170
- default: boolean;
1171
- };
1172
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
1173
- title: {
1174
- type: StringConstructor;
1175
- };
1176
- subTitle: {
1177
- type: StringConstructor;
1158
+ onBackClick: {
1159
+ type: FunctionConstructor;
1178
1160
  };
1179
- showBack: BooleanConstructor;
1180
- hideWhileNoHistory: {
1181
- type: BooleanConstructor;
1182
- default: boolean;
1161
+ renderBackIcon: {
1162
+ type: PropType<() => VNode>;
1163
+ default: () => string;
1183
1164
  };
1184
- }>>, {
1185
- showBack: boolean;
1186
- hideWhileNoHistory: boolean;
1187
- }>;
1165
+ };
1166
+ declare type PageHeaderProps = Partial<ExtractPropTypes<ReturnType<typeof proPageHeaderProps>>>;
1188
1167
  declare const proPageProps: () => {
1189
1168
  loading: {
1190
1169
  type: BooleanConstructor;
@@ -2090,4 +2069,4 @@ declare const getSignValue: <T = any>(item: TColumn, signName: string) => T;
2090
2069
  */
2091
2070
  declare const filterSlotsByPrefix: (slots: Record<string, any>, prefix: string) => lodash.Dictionary<any>;
2092
2071
 
2093
- export { AddButton, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, ElementKeys, FieldNames, FormAction, FormItemProps, FormRulePrefixMap, IAccess, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOpeItem, IOperateItem, IPer, IProConfigProvide, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, IUser, InternalNamePath, LogonUser, LogonUserKey, MustLogon, NamePath, PageHeader, PageHeaderProps, PaginationSlotProps, PerSuffix, Permission, PermissionProps, ProBaseProps, ProColumnSettingProps, ProConfig, ProConfigProps, ProCurd, ProCurdDesc, ProCurdDescConnect, ProCurdDescProps, ProCurdForm, ProCurdFormConnect, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListProps, ProCurdModal, ProCurdModalForm, ProCurdModalFormConnect, ProCurdModalProps, ProCurdProps, ProDesc, ProDescProps, ProDispatchRequestType, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProGrid, ProGridProps, ProLayout, ProList, ProListProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProOperate, ProOperateProps, ProPage, ProPageCurd, ProPageCurdProps, ProPageProps, ProSearchForm, ProSearchFormProps, ProShowDate, ProShowDigit, ProShowOptions, ProShowText, ProShowTree, ProTable, ProTableProps, ProTypography, ProTypographyProps, ProUploaderText, RequestAction, SearchMode, SearchSlotProps, TAccess, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TDefaultValueType, TElementMap, TFile, TFormExtraMap, TInitialState, TLogonUserProvide, TMeta, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TTableColumn, TTableColumns, TValueType, TreeOption, TreeOptions, UploadList, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createProConfig, defaultPage, filterSlotsByPrefix, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getSignValue, getValidValues, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderElement, renderElements, useAccess, useAccessMgr, useComposeRequestActor, useDispatchMeta, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useGetCompByKey, useHasPer, useLogonUser, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProModule, useProTable, useReadStore };
2072
+ export { AddButton, BooleanObjType, BooleanRulesObjType, ColumnSetting, CurdAction, CurdAddAction, CurdCurrentMode, CurdMethods, CurdSubAction, ElementKeys, FieldNames, FormAction, FormItemProps, FormRulePrefixMap, IAccess, ICurdAction, ICurdAddAction, ICurdCurrentMode, ICurdOperateOpts, ICurdState, ICurdSubAction, IElementConfig, IHighConfig, IListData, IOpeItem, IOperateItem, IPer, IProConfigProvide, IProCurdProvide, IProFormProvideExtra, IProModuleProvide, IProTableProvide, IProTableProvideExtra, IRequestOpts, ISearchMode, ITableOperate, IUser, InternalNamePath, LogonUser, LogonUserKey, MustLogon, NamePath, PageHeaderProps, PaginationSlotProps, PerSuffix, Permission, PermissionProps, ProBaseProps, ProColumnSettingProps, ProConfig, ProConfigProps, ProCurd, ProCurdDesc, ProCurdDescConnect, ProCurdDescProps, ProCurdForm, ProCurdFormConnect, ProCurdFormProps, ProCurdList, ProCurdListConnect, ProCurdListProps, ProCurdModal, ProCurdModalForm, ProCurdModalFormConnect, ProCurdModalProps, ProCurdProps, ProDesc, ProDescProps, ProDispatchRequestType, ProForm, ProFormItemProps, ProFormList, ProFormListProps, ProFormProps, ProGrid, ProGridProps, ProLayout, ProList, ProListProps, ProModalCurd, ProModalCurdProps, ProModule, ProModuleProps, ProOperate, ProOperateProps, ProPage, ProPageCurd, ProPageCurdProps, ProPageProps, ProSearchForm, ProSearchFormProps, ProShowDate, ProShowDigit, ProShowOptions, ProShowText, ProShowTree, ProTable, ProTableProps, ProTypography, ProTypographyProps, ProUploaderText, RequestAction, SearchMode, SearchSlotProps, TAccess, TActionEvent, TActionState, TColumn, TColumns, TCurdActionEvent, TDefaultValueType, TElementMap, TFile, TFormExtraMap, TInitialState, TLogonUserProvide, TMeta, TOption, TOptions, TPageState, TProFormOperate, TRegisterStore, TRegisterStoreMap, TTableColumn, TTableColumns, TValueType, TreeOption, TreeOptions, UploadList, Wrapper, convertPathToList, convertResData, createExpose, createExposeObj, createFormItemCompFn, createProConfig, defaultPage, filterSlotsByPrefix, getColumnFormItemName, getColumnValueType, getFirstPropName, getFormItemEl, getItemEl, getSignValue, getValidValues, mergeStateToList, proBaseProps, provideProCurd, provideProFormList, provideProModule, renderElement, renderElements, useAccess, useAccessMgr, useComposeRequestActor, useDispatchMeta, useDispatchStore, useDoneRequestActor, useFailedRequestActor, useGetCompByKey, useHasPer, useLogonUser, useMetaRegister, useModuleEvent, useProConfig, useProCurd, useProForm, useProFormList, useProModule, useProTable, useReadStore };