@utogether/udp-core 1.0.1-beta.7 → 1.0.1-beta.9

package/src/style/vxetable.scss

@@ -1,287 +1,289 @@
-// 默认主题
-html[data-vxe-ui-theme='light'] {
-  // 字体颜色
-  --vxe-ui-font-color: #000;
-  --vxe-ui-table-font-color: #000;
-
-  // 禁用颜色
-  --vxe-ui-font-disabled-color: #040404;
-  --el-disabled-text-color: #040404;
-  --vxe-ui-input-disabled-background-color: #fafafa;
-  --el-disabled-bg-color: #fafafa;
-  --vxe-ui-button-height-mini: 24px;
-  --vxe-ui-table-row-current-background-color: #00b789;
-}
-
-/** 重写table的背景 */
-.vxe-table--header {
-  font-weight: 700;
-  color: #34538b;
-  background-color: #d8e5f7;
-  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
-}
-
-/** 日期选择器弹出面板 */
-.vxe-input--date-picker-body {
-  td.is--prev,
-  td.is--next {
-    .vxe-input--date-label {
-      color: #bfbfbf;
-    }
-  }
-}
-
-/** 必填录入框颜色 */
-.vxe-form--item.is--required {
-  .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .vxe-input--control-icon:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .el-select__wrapper:not(:disabled) {
-    background-color: #fffbdf;
-  }
-
-  .el-input:not(.is-disabled) > .el-input__wrapper {
-    background-color: #fffbdf;
-  }
-
-  .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
-    background-color: #fffbdf;
-  }
-}
-
-/** 分页组件：当前页颜色 */
-.vxe-pager {
-  .vxe-pager--num-btn:not(.is--disabled).is--active {
-    color: #fff !important;
-  }
-}
-
-/***** switch ******/
-.vxe-switch {
-  padding-left: 0;
-
-  .vxe-switch--label {
-    width: 24px;
-  }
-}
-
-/**********  */
-
-/***** grid统计页脚 ******/
-
-.ut-grid-footer {
-  font-weight: 800;
-}
-
-/************  */
-
-.vxe-button--dropdown-wrapper {
-  padding: 0;
-
-  .vxe-button {
-    padding: 8px !important;
-    border-bottom: 1px solid #bfbfbf;
-
-    .vxe-button--icon {
-      font-size: 16px;
-    }
-  }
-}
-
-// mini-size
-.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
-.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
-.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
-  padding: 5px 0;
-}
-
-// small-size
-.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
-.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
-.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
-  padding: 5px 0;
-}
-
-.vxe-toolbar {
-  height: 36px !important;
-  padding: 0 10px;
-  color: white;
-
-  .vxe-custom--option-wrapper {
-    .vxe-custom--body {
-      li:not([class~='is--checked']) {
-        color: #000;
-      }
-    }
-  }
-}
-
-/********************* vxe-modal *****************/
-.vxe-modal {
-  .vxe-modal--wrapper .vxe-modal--content {
-    padding: 0.4em 0.8em !important;
-  }
-}
-
-/********************* vxe-modal *****************/
-
-/************* button *******************/
-
-.vxe-button + .vxe-button:not(.type--text) {
-  margin-left: 6px;
-}
-
-.vxe-button {
-  padding: 0 0.5em !important;
-}
-
-/************* button *******************/
-
-/************* pulldown *******************/
-.vxe-pulldown {
-  width: 100%;
-}
-
-/************* pulldown *******************/
-
-.vxe-form {
-  .vxe-input.size--mini {
-    height: 24px;
-  }
-
-  .vxe-form--item-trigger-node {
-    min-width: 60px;
-  }
-
-  // 表单label加粗
-  .vxe-form--item-title-content {
-    font-weight: 700;
-    color: #192847;
-  }
-
-  .vxe-form--group-title {
-    border-bottom: 1px solid #eee;
-
-    .vxe-form--item-title-content {
-      font-size: 15px;
-    }
-  }
-
-  .vxe-form--group-title::before {
-    position: relative;
-    top: 2px;
-    color: var(--udp-theme-project-text);
-    content: '▉';
-  }
-}
-
-.vxe-form.size--mini .vxe-form--item-inner {
-  min-height: 26px !important;
-}
-
-.ut-input-suffix.vxe-input {
-  width: 100%;
-  height: 34px;
-}
-
-.ut-input-suffix.vxe-input .vxe-input--suffix {
-  top: 1px;
-  width: 40px;
-  height: 32px;
-  text-align: center;
-  cursor: pointer;
-  background-color: #f5f7fa;
-  border-left: 1px solid #dcdfe6;
-}
-
-.ut-input-suffix.vxe-input .vxe-input--inner {
-  padding-right: 40px;
-  border: 1px solid #dcdfe6;
-}
-
-// 斑马线颜色
-.vxe-table--render-default .vxe-body--row.row--stripe {
-  background-color: #e6f7ff;
-}
-
-// 点击高亮
-.vxe-table--render-default {
-  .vxe-body--row.row--current {
-    .vxe-cell--label {
-      font-weight: bold;
-      color: #fff;
-    }
-
-    .vxe-cell > span:first-child:not(.vxe-cell--title, .el-tag) {
-      font-weight: bold;
-      color: #fff;
-    }
-
-    .col--checkbox {
-      background: #fff !important;
-    }
-
-    .vxe-body--column {
-      font-weight: bold;
-      color: #fff;
-    }
-  }
-}
-
-// .vxe-cell--label > span:first-child:not(.vxe-cell--title),
-// .vxe-cell > span:first-child:not(.vxe-cell--title) {
-//   color: #000;
-// }
-
-.vxe-cell {
-  .el-tag:first-child:not(.vxe-cell--title) {
-    .el-tag__content {
-      color: #fff !important;
-    }
-  }
-
-  .el-switch span:first-child:not(.vxe-cell--title) {
-    color: #fff !important;
-  }
-}
-
-.vxe-table--header-wrapper {
-  // .vxe-checkbox--icon {
-  //   // color: #fff !important;
-  // }
-
-  .vxe-icon-checkbox-checked,
-  .vxe-icon-checkbox-indeterminate {
-    color: #409eff !important;
-  }
-
-  // .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
-  //   color: #fff !important;
-  // }
-}
-
-.ut-grid-wrapper {
-  .vxe-form--item-content {
-    .vxe-switch {
-      height: 24px;
-    }
-  }
-}
-
-.vxe-table--body {
-  .vxe-body--row:hover {
-    font-weight: bold;
-  }
-}
-
-.el-table th.el-table__cell {
-  font-weight: 700;
-  color: #34538b;
-  background-color: #d8e5f7;
-  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
-}
+// 默认主题
+html[data-vxe-ui-theme='light'] {
+  // 字体颜色
+  --vxe-ui-font-color: #000;
+  --vxe-ui-table-font-color: #000;
+
+  // 禁用颜色
+  --vxe-ui-font-disabled-color: #040404;
+  --el-disabled-text-color: #040404;
+  --vxe-ui-input-disabled-background-color: #fafafa;
+  --el-disabled-bg-color: #fafafa;
+  --vxe-ui-button-height-mini: 24px;
+  --vxe-ui-table-row-current-background-color: #00b789;
+}
+
+/** 重写table的背景 */
+.vxe-table--header {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}
+
+/** 日期选择器弹出面板 */
+.vxe-input--date-picker-body {
+  td.is--prev,
+  td.is--next {
+    .vxe-input--date-label {
+      color: #bfbfbf;
+    }
+  }
+}
+
+/** 必填录入框颜色 */
+.vxe-form--item.is--required {
+  .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .vxe-input:not(.is--disabled) > .vxe-input--wrapper {
+    .vxe-input--control-icon {
+      background-color: #fffbdf;
+    }
+  }
+
+  .vxe-input--suffix {
+    background-color: #fffbdf;
+  }
+
+  .el-select__wrapper:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .el-input:not(.is-disabled) > .el-input__wrapper {
+    background-color: #fffbdf;
+  }
+
+  .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
+    background-color: #fffbdf;
+  }
+}
+
+/** 分页组件：当前页颜色 */
+.vxe-pager {
+  .vxe-pager--num-btn:not(.is--disabled).is--active {
+    color: #fff !important;
+  }
+}
+
+/***** switch ******/
+.vxe-switch {
+  padding-left: 0;
+
+  .vxe-switch--label {
+    width: 24px;
+  }
+}
+
+/**********  */
+
+/***** grid统计页脚 ******/
+
+.ut-grid-footer {
+  font-weight: 800;
+}
+
+/************  */
+
+.vxe-button--dropdown-wrapper {
+  padding: 0;
+
+  .vxe-button {
+    padding: 8px !important;
+    border-bottom: 1px solid #bfbfbf;
+
+    .vxe-button--icon {
+      font-size: 16px;
+    }
+  }
+}
+
+// mini-size
+.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+// small-size
+.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+.vxe-toolbar {
+  height: 36px !important;
+  padding: 0 10px;
+  color: white;
+
+  .vxe-custom--option-wrapper {
+    .vxe-custom--body {
+      li:not([class~='is--checked']) {
+        color: #000;
+      }
+    }
+  }
+}
+
+/********************* vxe-modal *****************/
+.vxe-modal {
+  .vxe-modal--wrapper .vxe-modal--content {
+    padding: 0.4em 0.8em !important;
+  }
+}
+
+/********************* vxe-modal *****************/
+
+/************* button *******************/
+
+// .vxe-button + .vxe-button:not(.type--text) {
+//   margin-left: 6px;
+// }
+
+.vxe-button {
+  padding: 0 0.5em !important;
+}
+
+/************* button *******************/
+
+/************* pulldown *******************/
+.vxe-pulldown {
+  width: 100%;
+}
+
+/************* pulldown *******************/
+
+.vxe-form {
+  .vxe-input.size--mini {
+    height: 24px;
+  }
+
+  .vxe-form--item-trigger-node {
+    min-width: 60px;
+  }
+
+  // 表单分组标题
+  .vxe-form--group-title {
+    border-bottom: 1px solid #eee;
+
+    .vxe-form--item-title-content {
+      font-size: 13px;
+    }
+  }
+
+  .vxe-form--group-title::before {
+    position: relative;
+    top: 2px;
+    padding-right: 5px;
+    color: var(--udp-theme-project-text);
+    content: '▉';
+  }
+}
+
+.vxe-form.size--mini .vxe-form--item-inner {
+  min-height: 26px !important;
+}
+
+.ut-input-suffix.vxe-input {
+  width: 100%;
+  height: 34px;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--suffix {
+  top: 1px;
+  width: 40px;
+  height: 32px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #f5f7fa;
+  border-left: 1px solid #dcdfe6;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--inner {
+  padding-right: 40px;
+  border: 1px solid #dcdfe6;
+}
+
+// 斑马线颜色
+.vxe-table--render-default .vxe-body--row.row--stripe {
+  background-color: #e6f7ff;
+}
+
+// 点击高亮
+.vxe-table--render-default {
+  .vxe-body--row.row--current {
+    .vxe-cell--label {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .vxe-cell > span:first-child:not(.vxe-cell--title, .el-tag) {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .col--checkbox {
+      background: #fff !important;
+    }
+
+    .vxe-body--column {
+      font-weight: bold;
+      color: #fff;
+    }
+  }
+}
+
+// .vxe-cell--label > span:first-child:not(.vxe-cell--title),
+// .vxe-cell > span:first-child:not(.vxe-cell--title) {
+//   color: #000;
+// }
+
+.vxe-cell {
+  .el-tag:first-child:not(.vxe-cell--title) {
+    .el-tag__content {
+      color: #fff !important;
+    }
+  }
+
+  .el-switch span:first-child:not(.vxe-cell--title) {
+    color: #fff !important;
+  }
+}
+
+.vxe-table--header-wrapper {
+  // .vxe-checkbox--icon {
+  //   // color: #fff !important;
+  // }
+
+  .vxe-icon-checkbox-checked,
+  .vxe-icon-checkbox-indeterminate {
+    color: #409eff !important;
+  }
+
+  // .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
+  //   color: #fff !important;
+  // }
+}
+
+.ut-grid-wrapper {
+  .vxe-form--item-content {
+    .vxe-switch {
+      height: 24px;
+    }
+  }
+}
+
+.vxe-table--body {
+  .vxe-body--row:hover {
+    font-weight: bold;
+  }
+}
+
+.el-table th.el-table__cell {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}

package/src/utils/udp/useRender.ts

@@ -2,7 +2,7 @@
  * @Author: wei.li
  * @Date: 2021-11-29 18:18:00
  * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-04-18 11:09:01
+ * @LastEditTime: 2025-08-16 18:28:08
  * @Description: file content
  */
 
@@ -243,10 +243,7 @@ export const useRender = () => {
    */
   const renderNumber = (attrs?, methods?) => {
     const events = getEvents(methods);
-    const props = Object.assign(
-      { type: 'number', clearable: true, min: 0, controls: false },
-      attrs || {}
-    );
+    const props = Object.assign({ type: 'number', clearable: true, min: 0, controls: false }, attrs || {});
 
     return {
       name: 'VxeInput',
@@ -375,6 +372,19 @@ export const useRender = () => {
     return { name: '#treeSelect', sourceData, props, events };
   };
 
+  const renderUpload = (props?, events?) => {
+    // 单个模式下，限制只能单个上传
+    props = props || {};
+    const { singleMode, mode } = props;
+    if (singleMode) {
+      Object.assign(props, { multiple: false, limitCount: 1, autoHiddenButton: true });
+    }
+    if (!mode || mode === 'image') {
+      props.imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'apk'];
+    }
+    return { name: '#upload', props, events };
+  };
+
   const getEvents = (methods: IEvents | Fn) => {
     let events: any = {};
     if (isObject(methods) && !isFunction(methods)) {
@@ -415,6 +425,7 @@ export const useRender = () => {
     renderCellTag,
     renderEnabled,
     renderIconSelect,
-    renderTreeSelect
+    renderTreeSelect,
+    renderUpload
   };
 };

package/src/views/organization/org/Org.vue

@@ -24,14 +24,18 @@ const url = '/uums/org';
 const xgrid = ref(null);
 const renderHook = useRender();
 
-const formItems = [{ field: 'orgCode' }, { field: 'orgName' }, { field: 'orgAlias' }];
+const formItems = [
+  { field: 'orgCode', title: 'message.udp.orgCode' },
+  { field: 'orgName', title: 'message.udp.orgName' },
+  { field: 'orgAlias', title: 'message.udp.orgAlias' }
+];
 // 列字段
 const columns = [
   { type: 'checkbox', width: 50, align: 'center' },
-  { field: 'orgCode', required: true, editRender: { name: '$input' } },
-  { field: 'orgName', required: true, minWidth: 200, editRender: { name: '$input' } },
-  { field: 'orgAlias', editRender: { name: '$input' } },
-  { field: 'orgDesc', editRender: { name: '$input' } },
+  { field: 'orgCode', title: 'message.udp.orgCode', required: true, editRender: { name: '$input' } },
+  { field: 'orgName', title: 'message.udp.orgName', required: true, minWidth: 200, editRender: { name: '$input' } },
+  { field: 'orgAlias', title: 'message.udp.orgAlias', editRender: { name: '$input' } },
+  { field: 'orgDesc', title: 'message.udp.orgDesc', editRender: { name: '$input' } },
   { field: 'enabled', width: 80, cellRender: renderHook.renderEnabled(handleClick) }
 ];