@g1cloud/bluesea 5.0.0-alpha.17 → 5.0.0-alpha.19

package/css/layout.scss

@@ -156,10 +156,11 @@ $table-row-even-color: $gray-100;
 .bs-layout-table {
   border-collapse: collapse;
 
-  > tr > td, > tr > th {
+  > tr > td, > tr > th, tbody > tr > td, tbody > tr > th {
     padding: 8px;
-    border: 1px solid $color-gray-border;
+    border: 1px solid $color-border;
     vertical-align: middle;
+    text-align: left;
 
     &:first-child {
       border-left: 0;
@@ -170,11 +171,11 @@ $table-row-even-color: $gray-100;
     }
   }
 
-  > tr:nth-child(odd) {
-    background-color: $table-row-odd-color;
-  }
-
-  > tr:nth-child(even) {
-    background-color: $table-row-even-color;
-  }
+  //> tr:nth-child(odd) {
+  //  background-color: $table-row-odd-color;
+  //}
+  //
+  //> tr:nth-child(even) {
+  //  background-color: $table-row-even-color;
+  //}
 }

package/dist/bluesea.js

@@ -28209,7 +28209,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       } else if (props.column.cellType === "PERCENTAGE") {
         return formatUtil.formatPercent(Number(cellValue.value));
       } else if (props.column.cellType === "DATE") {
-        return formatUtil.formatDate(String(cellValue.value), props.column.dateFormat);
+        return formatUtil.formatDate(cellValue.value ? String(cellValue.value) : "", props.column.dateFormat);
       } else if (props.column.cellType === "MULTI_LANG_TEXT" && typeof cellValue.value === "object") {
         return cellValue.value[blueseaConfig.currentLocale];
       } else {
@@ -29484,7 +29484,7 @@ const vTreeRowDrop = {
       el.setAttribute("data-droppable", "true");
       el.ondragover = (event) => {
         var _a2;
-        if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, parentRow)) {
+        if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, row, parentRow)) {
           const target = event.currentTarget;
           ensureAddPositionMark(target);
           const dropPosition = calculateDropPosition(target, event.clientY, step);
@@ -29519,7 +29519,7 @@ const vTreeRowDrop = {
       };
       el.ondrop = (event) => {
         var _a2;
-        if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, parentRow)) {
+        if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, row, parentRow)) {
           const target = event.currentTarget;
           if (draggingRow && draggingSiblings) {
             const dropPosition = calculateDropPosition(target, event.clientY, step);
@@ -30906,10 +30906,10 @@ const vFocusOnLoad = {
 const checkEnglish = (str) => {
   return /[a-z]/i.test(str);
 };
-const _withScopeId = (n) => (pushScopeId("data-v-4bcd05ff"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5f4be8cc"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { class: "position-relative" };
 const _hoisted_2$5 = { class: "menu-search" };
-const _hoisted_3$2 = ["placeholder", "value", "onKeydown"];
+const _hoisted_3$2 = ["value", "onKeydown"];
 const _hoisted_4$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "font-icon text-gray-400" }, "close", -1));
 const _hoisted_5 = [
   _hoisted_4$1
@@ -30983,14 +30983,19 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", _hoisted_2$5, [
           withDirectives(createElementVNode("input", {
-            placeholder: _ctx.placeholder,
             value: keyword.value,
             onBlur: _cache[0] || (_cache[0] = ($event) => setIsEditingKeyword(false)),
             onFocusin: _cache[1] || (_cache[1] = ($event) => setIsEditingKeyword(true)),
             onInput: _cache[2] || (_cache[2] = ($event) => changeKeyword($event)),
             onKeydown: withKeys(submit, ["enter"])
           }, null, 40, _hoisted_3$2), [
-            [unref(vFocusOnLoad), _ctx.focusOnLoad ? 300 : false]
+            [unref(vFocusOnLoad), _ctx.focusOnLoad ? 300 : false],
+            [
+              unref(vT),
+              _ctx.placeholder,
+              void 0,
+              { placeholder: true }
+            ]
           ]),
           createElementVNode("div", { class: "icon" }, [
             createElementVNode("button", { onClick: emptyKeyword }, _hoisted_5),
@@ -31001,7 +31006,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SidebarMenuSearch = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-4bcd05ff"]]);
+const SidebarMenuSearch = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5f4be8cc"]]);
 class DefaultFrameContext {
   constructor(config) {
     __publicField(this, "pageManager");

package/dist/bluesea.umd.cjs

@@ -28210,7 +28210,7 @@ img.ProseMirror-separator {
         } else if (props.column.cellType === "PERCENTAGE") {
           return formatUtil.formatPercent(Number(cellValue.value));
         } else if (props.column.cellType === "DATE") {
-          return formatUtil.formatDate(String(cellValue.value), props.column.dateFormat);
+          return formatUtil.formatDate(cellValue.value ? String(cellValue.value) : "", props.column.dateFormat);
         } else if (props.column.cellType === "MULTI_LANG_TEXT" && typeof cellValue.value === "object") {
           return cellValue.value[blueseaConfig.currentLocale];
         } else {
@@ -29485,7 +29485,7 @@ img.ProseMirror-separator {
         el.setAttribute("data-droppable", "true");
         el.ondragover = (event) => {
           var _a2;
-          if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, parentRow)) {
+          if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, row, parentRow)) {
             const target = event.currentTarget;
             ensureAddPositionMark(target);
             const dropPosition = calculateDropPosition(target, event.clientY, step);
@@ -29520,7 +29520,7 @@ img.ProseMirror-separator {
         };
         el.ondrop = (event) => {
           var _a2;
-          if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, parentRow)) {
+          if ((_a2 = policy.isDroppable) == null ? void 0 : _a2.call(policy, draggingRow, draggingParentRow, row, parentRow)) {
             const target = event.currentTarget;
             if (draggingRow && draggingSiblings) {
               const dropPosition = calculateDropPosition(target, event.clientY, step);
@@ -30907,10 +30907,10 @@ img.ProseMirror-separator {
   const checkEnglish = (str) => {
     return /[a-z]/i.test(str);
   };
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-4bcd05ff"), n = n(), vue.popScopeId(), n);
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-5f4be8cc"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$8 = { class: "position-relative" };
   const _hoisted_2$6 = { class: "menu-search" };
-  const _hoisted_3$3 = ["placeholder", "value", "onKeydown"];
+  const _hoisted_3$3 = ["value", "onKeydown"];
   const _hoisted_4$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "font-icon text-gray-400" }, "close", -1));
   const _hoisted_5 = [
     _hoisted_4$1
@@ -30984,14 +30984,19 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           vue.createElementVNode("div", _hoisted_2$6, [
             vue.withDirectives(vue.createElementVNode("input", {
-              placeholder: _ctx.placeholder,
               value: keyword.value,
               onBlur: _cache[0] || (_cache[0] = ($event) => setIsEditingKeyword(false)),
               onFocusin: _cache[1] || (_cache[1] = ($event) => setIsEditingKeyword(true)),
               onInput: _cache[2] || (_cache[2] = ($event) => changeKeyword($event)),
               onKeydown: vue.withKeys(submit, ["enter"])
             }, null, 40, _hoisted_3$3), [
-              [vue.unref(vFocusOnLoad), _ctx.focusOnLoad ? 300 : false]
+              [vue.unref(vFocusOnLoad), _ctx.focusOnLoad ? 300 : false],
+              [
+                vue.unref(vT),
+                _ctx.placeholder,
+                void 0,
+                { placeholder: true }
+              ]
             ]),
             vue.createElementVNode("div", { class: "icon" }, [
               vue.createElementVNode("button", { onClick: emptyKeyword }, _hoisted_5),
@@ -31002,7 +31007,7 @@ img.ProseMirror-separator {
       };
     }
   });
-  const SidebarMenuSearch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4bcd05ff"]]);
+  const SidebarMenuSearch = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5f4be8cc"]]);
   class DefaultFrameContext {
     constructor(config) {
       __publicField(this, "pageManager");

package/dist/component/global/BSAddressInput.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     disabled?: boolean | undefined;
     modelValue?: Address | undefined;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     disabled?: boolean | undefined;
     modelValue?: Address | undefined;

package/dist/component/global/BSNameInput.vue.d.ts

@@ -1,11 +1,11 @@
-import { Name } from '../../model/CommonTypes.ts';
+import { MultiLangText, Name } from '../../model/CommonTypes.ts';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id?: string | undefined;
     name?: string | undefined;
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     disabled?: boolean | undefined;
     modelValue?: Name | undefined;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     disabled?: boolean | undefined;
     modelValue?: Name | undefined;

package/dist/component/global/BSTelInput.vue.d.ts

@@ -1,11 +1,11 @@
-import { SettingField, Tel } from '../../model/CommonTypes.ts';
+import { MultiLangText, SettingField, Tel } from '../../model/CommonTypes.ts';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id?: string | undefined;
     name?: string | undefined;
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     countryNoId?: string | undefined;
     modelValue?: Tel | undefined;
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxlength?: number | undefined;
     required?: boolean | undefined;
     width?: string | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     tabindex?: number | undefined;
     countryNoId?: string | undefined;
     modelValue?: Tel | undefined;

package/dist/component/input/BSSelect.vue.d.ts

@@ -2,7 +2,7 @@ import { UnwrapRef } from "vue";
 import { MultiLangText } from '../../model/CommonTypes.ts';
 import { FieldValidationRule } from '../../validator/FieldValidator.ts';
 declare const _default: <T, V>(__VLS_props: {
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     disabled?: boolean | undefined;
     required?: boolean | undefined;
     modelValue?: V | undefined;
@@ -21,7 +21,7 @@ declare const _default: <T, V>(__VLS_props: {
     emit: (e: 'update:modelValue', value?: V | undefined) => void;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        placeholder?: string | undefined;
+        placeholder?: MultiLangText | undefined;
         disabled?: boolean | undefined;
         required?: boolean | undefined;
         modelValue?: V | undefined;
@@ -44,7 +44,7 @@ declare const _default: <T, V>(__VLS_props: {
 }> & {
     __ctx?: {
         props: {
-            placeholder?: string | undefined;
+            placeholder?: MultiLangText | undefined;
             disabled?: boolean | undefined;
             required?: boolean | undefined;
             modelValue?: V | undefined;

package/dist/component/tree/TreeModel.d.ts

@@ -4,7 +4,7 @@ export type KeyProvider<T> = (item: T) => string;
 export type DragAndDropPolicy = {
     isDraggableRow?: (srcRow: unknown) => boolean;
     isDroppableRow?: (destRow: unknown) => boolean;
-    isDroppable?: (srcRow: unknown, srcParentRow: unknown, destParentRow: unknown) => boolean;
+    isDroppable?: (srcRow: unknown, srcParentRow: unknown, destRow: unknown, destParentRow: unknown) => boolean;
     dropStep?: () => 2 | 3;
 };
 export type RowMovedEvent<T> = {

package/dist/frame/default/SideBarMenuSearch.vue.d.ts

@@ -1,7 +1,8 @@
 import { MenuView } from '../../frame/FrameModel.ts';
+import { MultiLangText } from '../../model/CommonTypes.ts';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     focusOnLoad?: boolean | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     menu: MenuView[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "search-menu-result": (result: MenuView[]) => void;
@@ -9,7 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     "search-keyword": (keyword: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     focusOnLoad?: boolean | undefined;
-    placeholder?: string | undefined;
+    placeholder?: MultiLangText | undefined;
     menu: MenuView[];
 }>>> & {
     "onSearch-menu-result"?: ((result: MenuView[]) => any) | undefined;

package/dist/style.css

@@ -1917,23 +1917,18 @@ textarea {
 .bs-layout-table {
   border-collapse: collapse;
 }
-.bs-layout-table > tr > td, .bs-layout-table > tr > th {
+.bs-layout-table > tr > td, .bs-layout-table > tr > th, .bs-layout-table tbody > tr > td, .bs-layout-table tbody > tr > th {
   padding: 8px;
   border: 1px solid #CCCCCC;
   vertical-align: middle;
+  text-align: left;
 }
-.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child {
+.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child, .bs-layout-table tbody > tr > td:first-child, .bs-layout-table tbody > tr > th:first-child {
   border-left: 0;
 }
-.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child {
+.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child, .bs-layout-table tbody > tr > td:last-child, .bs-layout-table tbody > tr > th:last-child {
   border-right: 0;
 }
-.bs-layout-table > tr:nth-child(odd) {
-  background-color: #ffffff;
-}
-.bs-layout-table > tr:nth-child(even) {
-  background-color: #FAFAFA;
-}
 :root {
   --font-size: 13px;
   --font-size-input: 12px;
@@ -31072,23 +31067,18 @@ textarea {
 .bs-layout-table {
   border-collapse: collapse;
 }
-.bs-layout-table > tr > td, .bs-layout-table > tr > th {
+.bs-layout-table > tr > td, .bs-layout-table > tr > th, .bs-layout-table tbody > tr > td, .bs-layout-table tbody > tr > th {
   padding: 8px;
   border: 1px solid #CCCCCC;
   vertical-align: middle;
+  text-align: left;
 }
-.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child {
+.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child, .bs-layout-table tbody > tr > td:first-child, .bs-layout-table tbody > tr > th:first-child {
   border-left: 0;
 }
-.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child {
+.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child, .bs-layout-table tbody > tr > td:last-child, .bs-layout-table tbody > tr > th:last-child {
   border-right: 0;
 }
-.bs-layout-table > tr:nth-child(odd) {
-  background-color: #ffffff;
-}
-.bs-layout-table > tr:nth-child(even) {
-  background-color: #FAFAFA;
-}
 .bs-tab-sheet {
   background-color: #EAF1FE;
   min-height: calc(100vh - 44px);
@@ -31535,23 +31525,18 @@ textarea {
 .bs-layout-table {
   border-collapse: collapse;
 }
-.bs-layout-table > tr > td, .bs-layout-table > tr > th {
+.bs-layout-table > tr > td, .bs-layout-table > tr > th, .bs-layout-table tbody > tr > td, .bs-layout-table tbody > tr > th {
   padding: 8px;
   border: 1px solid #CCCCCC;
   vertical-align: middle;
+  text-align: left;
 }
-.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child {
+.bs-layout-table > tr > td:first-child, .bs-layout-table > tr > th:first-child, .bs-layout-table tbody > tr > td:first-child, .bs-layout-table tbody > tr > th:first-child {
   border-left: 0;
 }
-.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child {
+.bs-layout-table > tr > td:last-child, .bs-layout-table > tr > th:last-child, .bs-layout-table tbody > tr > td:last-child, .bs-layout-table tbody > tr > th:last-child {
   border-right: 0;
 }
-.bs-layout-table > tr:nth-child(odd) {
-  background-color: #ffffff;
-}
-.bs-layout-table > tr:nth-child(even) {
-  background-color: #FAFAFA;
-}
 .bs-tree-row .row-caption {
   position: relative;
   align-items: center;
@@ -32232,23 +32217,18 @@ textarea[data-v-84ee1863] {
 .bs-layout-table[data-v-84ee1863] {
   border-collapse: collapse;
 }
-.bs-layout-table > tr > td[data-v-84ee1863], .bs-layout-table > tr > th[data-v-84ee1863] {
+.bs-layout-table > tr > td[data-v-84ee1863], .bs-layout-table > tr > th[data-v-84ee1863], .bs-layout-table tbody > tr > td[data-v-84ee1863], .bs-layout-table tbody > tr > th[data-v-84ee1863] {
   padding: 8px;
   border: 1px solid #CCCCCC;
   vertical-align: middle;
+  text-align: left;
 }
-.bs-layout-table > tr > td[data-v-84ee1863]:first-child, .bs-layout-table > tr > th[data-v-84ee1863]:first-child {
+.bs-layout-table > tr > td[data-v-84ee1863]:first-child, .bs-layout-table > tr > th[data-v-84ee1863]:first-child, .bs-layout-table tbody > tr > td[data-v-84ee1863]:first-child, .bs-layout-table tbody > tr > th[data-v-84ee1863]:first-child {
   border-left: 0;
 }
-.bs-layout-table > tr > td[data-v-84ee1863]:last-child, .bs-layout-table > tr > th[data-v-84ee1863]:last-child {
+.bs-layout-table > tr > td[data-v-84ee1863]:last-child, .bs-layout-table > tr > th[data-v-84ee1863]:last-child, .bs-layout-table tbody > tr > td[data-v-84ee1863]:last-child, .bs-layout-table tbody > tr > th[data-v-84ee1863]:last-child {
   border-right: 0;
 }
-.bs-layout-table > tr[data-v-84ee1863]:nth-child(odd) {
-  background-color: #ffffff;
-}
-.bs-layout-table > tr[data-v-84ee1863]:nth-child(even) {
-  background-color: #FAFAFA;
-}
 .bs-button[data-v-84ee1863] {
   padding: 3px;
   height: auto;
@@ -32484,29 +32464,29 @@ textarea {
   right: 0;
   bottom: 0;
   z-index: 300;
-}[data-v-4bcd05ff]:root {
+}[data-v-5f4be8cc]:root {
   --font-size: 13px;
   --font-size-input: 12px;
   --font-size-button: 12px;
 }
-body[data-v-4bcd05ff] {
+body[data-v-5f4be8cc] {
   font-size: var(--font-size);
 }
-input[data-v-4bcd05ff] {
+input[data-v-5f4be8cc] {
   font-size: var(--font-size-input);
   padding-top: 2px;
 }
-button[data-v-4bcd05ff] {
+button[data-v-5f4be8cc] {
   font-size: var(--font-size-button);
 }
-textarea[data-v-4bcd05ff] {
+textarea[data-v-5f4be8cc] {
   font-size: var(--font-size-input);
 }
-.menu-search[data-v-4bcd05ff] {
+.menu-search[data-v-5f4be8cc] {
   position: relative;
   margin: 8px 16px;
 }
-.menu-search input[data-v-4bcd05ff] {
+.menu-search input[data-v-5f4be8cc] {
   padding: 4px 8px 5px;
   background: #2D2E36;
   border: 1px solid #A9A9A9;
@@ -32515,13 +32495,13 @@ textarea[data-v-4bcd05ff] {
   color: #B0B1BA;
   outline: none;
 }
-.menu-search .icon[data-v-4bcd05ff] {
+.menu-search .icon[data-v-5f4be8cc] {
   position: absolute;
   font-size: 14px;
   top: 4px;
   right: 4px;
 }
-.menu-search .icon button[data-v-4bcd05ff] {
+.menu-search .icon button[data-v-5f4be8cc] {
   background-color: transparent;
   border: none;
   cursor: pointer;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/bluesea",
   "private": false,
-  "version": "5.0.0-alpha.17",
+  "version": "5.0.0-alpha.19",
   "description": "Ui Library for g1cloud BackOffice.",
   "type": "module",
   "engines": {