@ibiz-template/vue3-components 0.7.26-alpha.0 → 0.7.26-alpha.2

package/lib/control/calendar/components/interface/calendar-week.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+require('../util/index.cjs');
+var util = require('../util/util.cjs');
+var lodashEs = require('lodash-es');
+
+"use strict";
+const calendarWeekProps = util.handleProps({
+  controller: {
+    type: Object
+  },
+  selectedDay: {
+    type: util.definePropType(Object)
+  },
+  events: {
+    type: Array,
+    default: []
+  },
+  legends: {
+    type: Array,
+    default: []
+  },
+  multiple: {
+    type: Boolean
+  },
+  selectedData: {
+    type: Object
+  }
+});
+const calendarWeekEmits = {
+  pick: (value) => lodashEs.isObject(value),
+  eventClick: (value) => value,
+  eventDblClick: (value) => value
+};
+
+exports.calendarWeekEmits = calendarWeekEmits;
+exports.calendarWeekProps = calendarWeekProps;

package/lib/control/calendar/components/interface/common.cjs

@@ -0,0 +1,3 @@
+'use strict';
+
+"use strict";

package/lib/control/calendar/components/interface/custom-calendar.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+require('../util/index.cjs');
+require('../constant/index.cjs');
+var lodashEs = require('lodash-es');
+var util = require('../util/util.cjs');
+var event = require('../constant/event.cjs');
+
+"use strict";
+const isValidRange = (range) => lodashEs.isArray(range) && range.length === 2 && range.every((item) => lodashEs.isDate(item));
+const customCalendarProps = util.handleProps({
+  controller: {
+    type: Object,
+    required: true
+  },
+  /**
+   * @description 绑定值
+   */
+  modelValue: {
+    type: Date
+  },
+  /**
+   * @description 时间范围，包括开始时间和结束时间。
+   *   开始时间必须是星期的开始日，结束时间必须是一周的结束日，时间跨度不能超过两个月。
+   */
+  range: {
+    type: util.definePropType(Array),
+    validator: isValidRange
+  },
+  /**
+   * @description 视图类型
+   */
+  viewType: {
+    type: String,
+    default: "DAY"
+  },
+  /**
+   * @description 事件集合
+   */
+  events: {
+    type: Array,
+    default: []
+  },
+  legends: {
+    type: Array,
+    default: []
+  },
+  /**
+   * @description 是否多选
+   */
+  multiple: {
+    type: Boolean
+  },
+  /**
+   * @description 选中事件数据集合
+   */
+  selectedData: {
+    type: Object
+  }
+});
+const customCalendarEmits = {
+  [event.UPDATE_MODEL_EVENT]: (value) => lodashEs.isDate(value),
+  [event.INPUT_EVENT]: (value) => lodashEs.isDate(value),
+  [event.CHANGE_EVENT]: (value) => lodashEs.isDate(value),
+  [event.EVENT_CLICK_EVENT]: (value) => value,
+  [event.EVENT_DBL_CLICK_EVENT]: (value) => value
+};
+
+exports.customCalendarEmits = customCalendarEmits;
+exports.customCalendarProps = customCalendarProps;

package/lib/control/calendar/components/interface/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+require('./common.cjs');
+var customCalendar = require('./custom-calendar.cjs');
+var calendarDaily = require('./calendar-daily.cjs');
+var calendarMonth = require('./calendar-month.cjs');
+var calendarWeek = require('./calendar-week.cjs');
+
+"use strict";
+
+exports.customCalendarEmits = customCalendar.customCalendarEmits;
+exports.customCalendarProps = customCalendar.customCalendarProps;
+exports.calendarDailyEmits = calendarDaily.calendarDailyEmits;
+exports.calendarDailyProps = calendarDaily.calendarDailyProps;
+exports.calendarMonthEmits = calendarMonth.calendarMonthEmits;
+exports.calendarMonthProps = calendarMonth.calendarMonthProps;
+exports.calendarWeekEmits = calendarWeek.calendarWeekEmits;
+exports.calendarWeekProps = calendarWeek.calendarWeekProps;

package/lib/control/calendar/components/util/index.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var util = require('./util.cjs');
+var lodashEs = require('lodash-es');
+
+"use strict";
+
+exports.closeIcon = util.closeIcon;
+exports.definePropType = util.definePropType;
+exports.epPropKey = util.epPropKey;
+exports.fade = util.fade;
+exports.getCurWeekDates = util.getCurWeekDates;
+exports.handleBkColor = util.handleBkColor;
+exports.handleEVentClick = util.handleEVentClick;
+exports.handlePopClose = util.handlePopClose;
+exports.handleProps = util.handleProps;
+exports.handleTimeRange = util.handleTimeRange;
+exports.isDateInCurWeek = util.isDateInCurWeek;
+exports.isTimeGreaterThan = util.isTimeGreaterThan;
+exports.isToday = util.isToday;
+exports.isValidRange = util.isValidRange;
+exports.rangeArr = util.rangeArr;
+Object.defineProperty(exports, "get", {
+	enumerable: true,
+	get: function () { return lodashEs.get; }
+});
+Object.defineProperty(exports, "isArray", {
+	enumerable: true,
+	get: function () { return lodashEs.isArray; }
+});
+Object.defineProperty(exports, "isDate", {
+	enumerable: true,
+	get: function () { return lodashEs.isDate; }
+});
+Object.defineProperty(exports, "isObject", {
+	enumerable: true,
+	get: function () { return lodashEs.isObject; }
+});
+Object.defineProperty(exports, "set", {
+	enumerable: true,
+	get: function () { return lodashEs.set; }
+});

package/lib/control/calendar/components/util/util.cjs

@@ -0,0 +1,316 @@
+'use strict';
+
+var vue = require('vue');
+var dayjs = require('dayjs');
+var ramda = require('ramda');
+var lodashEs = require('lodash-es');
+
+"use strict";
+let clickCount = 0;
+let timer;
+const epPropKey = "__epPropKey";
+const colors = [
+  "#2196F3",
+  "#4CAF50",
+  "#3F51B5",
+  "#FF9800",
+  "#673AB7",
+  "#757575"
+];
+const closeIcon = "<i class='el-icon' data-v-ea893728=''> <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' data-v-ea893728='' > <path d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z'></path> </svg></i>";
+const hexReg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+const rgbReg = /^(rgb|rgba|RGB|RGBA)/;
+function findLastParent(element) {
+  var _a;
+  if (!element) {
+    return null;
+  }
+  if (!(element == null ? void 0 : element.parentNode) || ((_a = element == null ? void 0 : element.classList) == null ? void 0 : _a.contains("el-popover"))) {
+    return element;
+  }
+  return findLastParent(element.parentNode);
+}
+const handlePopClose = (el) => {
+  const node = findLastParent(el.target);
+  if (node) {
+    node.style.display = "none";
+  }
+};
+const handleTimeRange = (startTime, endTime, format, partition = "-") => {
+  var _a, _b;
+  let timeRange = "";
+  if (startTime && ((_a = dayjs(startTime)) == null ? void 0 : _a.isValid())) {
+    timeRange = dayjs(startTime).format(format);
+  }
+  if (endTime && ((_b = dayjs(endTime)) == null ? void 0 : _b.isValid())) {
+    timeRange = "".concat(timeRange, " ").concat(partition, " ").concat(dayjs(endTime).format(format));
+  }
+  return timeRange;
+};
+const handleBkColor = (tempColors, type) => {
+  let tempColor = tempColors.get(type);
+  const length = tempColors.size;
+  if (type && !tempColor && length < colors.length) {
+    tempColor = colors[length];
+    tempColors.set(type, tempColor);
+  }
+  return tempColor || colors[0];
+};
+const validatorF = (color) => {
+  const isHex = hexReg.test(color);
+  const isRgb = rgbReg.test(color);
+  const tempColor = color;
+  if (isHex || isRgb)
+    return tempColor;
+  if (!color) {
+    console.error("Color: Invalid color!");
+    return "";
+  }
+  return tempColor;
+};
+const getRgbValueFromHex = (color) => {
+  const tempColor = color.replace("#", "");
+  const red = parseInt(tempColor.substring(0, 2), 16);
+  const green = parseInt(tempColor.substring(2, 4), 16);
+  const blue = parseInt(tempColor.substring(4, 6), 16);
+  return [red, green, blue];
+};
+const getRgbValueFromRgb = (color) => {
+  return color.replace(/rgb\(|rgba\(|\)/g, "").split(",").slice(0, 3).map(function(n) {
+    return parseInt(n, 10);
+  });
+};
+const getRgbValue = (color) => {
+  if (!color) {
+    console.error("getRgbValue: Missing parameters!");
+    return false;
+  }
+  const tempColor = validatorF(color);
+  if (!tempColor)
+    return false;
+  const isHex = hexReg.test(tempColor);
+  const isRgb = rgbReg.test(tempColor);
+  const lowerColor = tempColor.toLowerCase();
+  if (isHex)
+    return getRgbValueFromHex(lowerColor);
+  if (isRgb)
+    return getRgbValueFromRgb(lowerColor);
+};
+const getColorFromRgbValue = (value) => {
+  if (!value) {
+    console.error("getColorFromRgbValue: Missing parameters!");
+    return false;
+  }
+  const valueLength = value.length;
+  if (valueLength !== 3 && valueLength !== 4) {
+    console.error("getColorFromRgbValue: Value is illegal!");
+    return false;
+  }
+  let color = valueLength === 3 ? "rgb(" : "rgba(";
+  color += "".concat(value.join(","), ")");
+  return color;
+};
+const fade = (color, Percent) => {
+  const percent = Percent || 100;
+  if (!color) {
+    console.error("fade: Missing parameters!");
+    return false;
+  }
+  const rgbValue = getRgbValue(color);
+  if (!rgbValue)
+    return false;
+  const rgbaValue = [...rgbValue, percent / 100];
+  return getColorFromRgbValue(rgbaValue);
+};
+const isToday = (date, curDate) => {
+  const dateToCheck = new Date(date);
+  const currentDate = curDate ? new Date(curDate) : /* @__PURE__ */ new Date();
+  const state = dateToCheck.getDate() === currentDate.getDate() && dateToCheck.getMonth() === currentDate.getMonth() && dateToCheck.getFullYear() === currentDate.getFullYear();
+  return state;
+};
+function hasOwn(obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
+}
+const definePropType = (val) => val;
+const isEpProp = (val) => lodashEs.isObject(val) && !!val[epPropKey];
+const isValidRange = (range) => lodashEs.isArray(range) && range.length === 2 && range.every((item) => lodashEs.isDate(item));
+const isDateInCurWeek = (dateToCheck, firstDayOfWeek, lastDayOfWeek) => {
+  const tempDate = new Date(dateToCheck);
+  const tempFirstDay = new Date(firstDayOfWeek);
+  const tempLastDay = new Date(lastDayOfWeek);
+  tempDate.setHours(0, 0, 0, 0);
+  tempFirstDay.setHours(0, 0, 0, 0);
+  tempLastDay.setHours(0, 0, 0, 0);
+  return tempDate >= tempFirstDay && tempDate <= tempLastDay;
+};
+const isTimeGreaterThan = (timeA, timeB) => {
+  const date1 = new Date(timeA);
+  const date2 = new Date(timeB);
+  return date1.getTime() > date2.getTime();
+};
+const getCurWeekDates = (curDate) => {
+  const currentDate = new Date(curDate);
+  const currentDay = currentDate.getDay();
+  const firstDayOfWeek = new Date(currentDate);
+  firstDayOfWeek.setDate(currentDate.getDate() - currentDay);
+  const lastDayOfWeek = new Date(firstDayOfWeek);
+  lastDayOfWeek.setDate(firstDayOfWeek.getDate() + 6);
+  firstDayOfWeek.setHours(0, 0, 0, 0);
+  lastDayOfWeek.setHours(23, 59, 59, 0);
+  return {
+    firstDay: firstDayOfWeek,
+    lastDay: lastDayOfWeek
+  };
+};
+const handleEmit = (eventName, item, location, events, multiple, selectedData, emit) => {
+  let tempSelectedData = ramda.clone(selectedData);
+  let isSelectedEvent = true;
+  const targetEvent = events.find((event) => {
+    return item.id === event.id;
+  });
+  const index = tempSelectedData.findIndex(
+    (event) => item.id === event.id
+  );
+  if (multiple) {
+    if (index === -1) {
+      tempSelectedData.push(targetEvent);
+    } else {
+      Object.assign(item, { isSelectedEvent: false });
+      isSelectedEvent = false;
+      tempSelectedData.splice(index, 1);
+    }
+  } else if (index === -1) {
+    tempSelectedData = [targetEvent];
+  } else {
+    Object.assign(item, { isSelectedEvent: false });
+    isSelectedEvent = false;
+    tempSelectedData = [];
+  }
+  switch (eventName) {
+    case "eventClick":
+      emit("eventClick", { location, data: tempSelectedData });
+      break;
+    case "eventDblClick":
+      emit("eventDblClick", { location, data: tempSelectedData });
+      break;
+    default:
+      break;
+  }
+  return { eventName, tempSelectedData, isSelectedEvent };
+};
+const handleEVentClick = (item, location, events, multiple, selectedData, emit) => {
+  return new Promise((resolve) => {
+    clickCount += 1;
+    if (clickCount === 1) {
+      timer = setTimeout(() => {
+        if (clickCount === 1) {
+          resolve(
+            handleEmit(
+              "eventClick",
+              item,
+              location,
+              events,
+              multiple,
+              selectedData,
+              emit
+            )
+          );
+        }
+        clickCount = 0;
+      }, 300);
+    } else if (clickCount === 2) {
+      clearTimeout(timer);
+      resolve(
+        handleEmit(
+          "eventDblClick",
+          item,
+          location,
+          events,
+          multiple,
+          selectedData,
+          emit
+        )
+      );
+      clickCount = 0;
+    }
+  });
+};
+const handleProp = (prop, key) => {
+  if (!lodashEs.isObject(prop) || isEpProp(prop))
+    return prop;
+  const { values, required, default: defaultValue, type, validator } = prop;
+  const _validator = values || validator ? (val) => {
+    let valid = false;
+    let allowedValues = [];
+    if (values) {
+      allowedValues = Array.from(values);
+      if (hasOwn(prop, "default")) {
+        allowedValues.push(defaultValue);
+      }
+      valid || (valid = allowedValues.includes(val));
+    }
+    if (validator)
+      valid || (valid = validator(val));
+    if (!valid && allowedValues.length > 0) {
+      const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
+      vue.warn(
+        "Invalid prop: validation failed".concat(key ? ' for prop "'.concat(key, '"') : "", ". Expected one of [").concat(allowValuesText, "], got value ").concat(JSON.stringify(
+          val
+        ), ".")
+      );
+    }
+    return valid;
+  } : void 0;
+  const epProp = {
+    type,
+    required: !!required,
+    validator: _validator,
+    [epPropKey]: true
+  };
+  if (hasOwn(prop, "default"))
+    epProp.default = defaultValue;
+  return epProp;
+};
+const rangeArr = (n) => Array.from(Array.from({ length: n }).keys());
+const handleProps = (props) => lodashEs.fromPairs(
+  Object.entries(props).map(([key, option]) => [
+    key,
+    handleProp(option, key)
+  ])
+);
+
+Object.defineProperty(exports, "get", {
+  enumerable: true,
+  get: function () { return lodashEs.get; }
+});
+Object.defineProperty(exports, "isArray", {
+  enumerable: true,
+  get: function () { return lodashEs.isArray; }
+});
+Object.defineProperty(exports, "isDate", {
+  enumerable: true,
+  get: function () { return lodashEs.isDate; }
+});
+Object.defineProperty(exports, "isObject", {
+  enumerable: true,
+  get: function () { return lodashEs.isObject; }
+});
+Object.defineProperty(exports, "set", {
+  enumerable: true,
+  get: function () { return lodashEs.set; }
+});
+exports.closeIcon = closeIcon;
+exports.definePropType = definePropType;
+exports.epPropKey = epPropKey;
+exports.fade = fade;
+exports.getCurWeekDates = getCurWeekDates;
+exports.handleBkColor = handleBkColor;
+exports.handleEVentClick = handleEVentClick;
+exports.handlePopClose = handlePopClose;
+exports.handleProps = handleProps;
+exports.handleTimeRange = handleTimeRange;
+exports.isDateInCurWeek = isDateInCurWeek;
+exports.isTimeGreaterThan = isTimeGreaterThan;
+exports.isToday = isToday;
+exports.isValidRange = isValidRange;
+exports.rangeArr = rangeArr;

package/lib/control/calendar/index.cjs

@@ -6,11 +6,13 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var calendar = require('./calendar.cjs');
 var calendar_provider = require('./calendar.provider.cjs');
+var index = require('./components/custom-calendar/index.cjs');
 
 "use strict";
 const IBizCalendarControl = vue3Util.withInstall(
   calendar.CalendarControl,
   function(v) {
+    v.use(index.IBizCustomCalendar);
     v.component(calendar.CalendarControl.name, calendar.CalendarControl);
     runtime.registerControlProvider(runtime.ControlType.CALENDAR, () => new calendar_provider.CalendarProvider());
   }

package/lib/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(35px,0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs

@@ -87,8 +87,8 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     };
     const openLinkView = async () => {
       const res = await c.openLinkView(props.data);
-      if (res) {
-        handleOpenViewClose(res[0]);
+      if (res && res.ok && res.data && res.data.length) {
+        handleOpenViewClose(res.data[0]);
       }
     };
     const {

package/lib/editor/date-picker/date-picker-editor.controller.cjs

@@ -43,6 +43,9 @@ class DatePickerEditorController extends runtime.EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     if (super.valueFormat) {
       return super.valueFormat;
     }

package/lib/editor/date-range/date-range-editor.controller.cjs

@@ -47,6 +47,9 @@ class DateRangeEditorController extends runtime.EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     if (super.valueFormat) {
       return super.valueFormat;
     }

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -145,6 +145,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           emit("change", codeItemValueNumber.value ? Number(select) : select);
         }
         setEditable(false);
+        if (props.autoFocus) {
+          editorState = "blur";
+          emit("blur");
+        }
       }
     });
     const valueText = vue.computed(() => {
@@ -348,7 +352,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       const codeListItem = this.getCodeListItem(text);
       return vue.createVNode("span", {
         "class": [this.ns.b("readonly-text-item"), codeListItem == null ? void 0 : codeListItem.textCls],
-        "style": (codeListItem == null ? void 0 : codeListItem.color) ? this.ns.cssVarBlock({
+        "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? this.ns.cssVarBlock({
           "readonly-text-item-color": "".concat(codeListItem.color || ""),
           "select-option-item-color": "".concat(codeListItem.color || ""),
           "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
@@ -360,8 +364,13 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     const formDefaultContent = vue.createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
     }, [this.valueText ? this.valueText.split(",").map((text) => {
+      const codeListItem = this.getCodeListItem(text);
       return vue.createVNode("span", {
-        "class": this.ns.b("content-item")
+        "class": [this.ns.b("content-item"), codeListItem == null ? void 0 : codeListItem.textCls],
+        "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? this.ns.cssVarBlock({
+          "select-option-item-color": "".concat(codeListItem.color || ""),
+          "select-option-item-bkcolor": "".concat((this.c.editorParams.type === "round" ? codeListItem.bkcolor : "") || "")
+        }) : ""
       }, [text]);
     }) : "-"]);
     return vue.createVNode("div", {

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}