x-block-lib 0.10.8 → 0.10.9

package/dist/components/blockly/navigator/blockList/item.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     title: string;
     desc: string;
     select: boolean;
+    first: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "x-click": (...args: any[]) => void;

package/dist/index.js

@@ -7,7 +7,7 @@
   License: see project LICENSE
   Touched: 2021
 */
-pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#444;background:#f3f3f3}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.ghost[data-v-a710550b]{opacity:.4;pointer-events:none}.blocklyToolbox{width:56px;overflow-x:hidden}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:12px!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{place-items:center;height:28px;display:flex;overflow:hidden}.blocklyFlyout{z-index:21}
+pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#444;background:#f3f3f3}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.ghost[data-v-5e6d8079]{opacity:.4;pointer-events:none}.blocklyToolbox{width:56px;overflow-x:hidden}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:12px!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{place-items:center;height:28px;display:flex;overflow:hidden}.blocklyFlyout{z-index:21}
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { A as Names, B as defineBlocksWithJsonArray, C as FieldCheckbox, D as FieldNumber, E as FieldLabel, F as Themes, G as inject$1, H as getMainWorkspace, I as Variables, J as serialization, K as inputs, L as WorkspaceSvg, M as ShortcutItems, N as ShortcutRegistry, O as FieldTextInput, P as Theme, Q as utils, R as Xml, S as Extensions, T as FieldImage, U as getSelected, V as dialog, W as icons, X as setParentContainer, Y as setLocale$1, Z as svgResize, _ as javascriptGenerator, a as lo, b as ContextMenuRegistry, c as require_dist, d as snakeCase_default, f as parseInt_default, g as Order, h as cloneDeep_default, i as require_dist$2, j as Procedures, k as Msg, l as encodeString, m as debounce_default, n as javascript, o as useResizeObserver, p as isEqual_default, q as registry, r as core_default, s as require_dist$1, t as highlightjs_vue_esm_min_default, u as upperCase_default, v as Blocks, w as FieldDropdown, x as Events, y as ContextMenu, z as common } from "./vendor.evszf9wa.js";
 import { globalState } from "x-state-lib";
 import { addIndent, finalProperties, getElement, getImplementMethodName, getTag, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeTriggerId, parsePercentStr, parsePixelStr, pkgs, toEventName, toMethodName, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId } from "x-runtime-lib";
@@ -8775,45 +8775,39 @@ var clean_default = /* @__PURE__ */ defineComponent({
 		id: {},
 		title: {},
 		desc: {},
-		select: { type: Boolean }
+		select: { type: Boolean },
+		first: { type: Boolean }
 	},
 	emits: ["x-click"],
 	setup(e, { emit: y }) {
-		let { primaryColor: b, backgroundColor2: x, highlightColor: S } = useColor(), C = e, w = y, T = ref(!1), E = computed(() => ({
-			position: "relative",
-			background: T.value ? S.value : x.value,
-			width: "100%",
-			height: "48px",
-			marginBottom: "1px",
-			userSelect: "none"
-		})), D = computed(() => ({
-			display: C.select ? "block" : "none",
-			position: "absolute",
-			top: "0px",
-			left: "0px",
-			width: "100%",
-			height: "100%",
-			border: "1px solid " + b.value,
-			pointerEvents: "none"
-		}));
-		return (e, y) => {
-			let b = resolveComponent("v-spacer"), x = resolveComponent("v-icon"), S = resolveDirective("ripple");
+		let { primaryColor: b, backgroundColor2: x, highlightColor: S } = useColor(), C = y, w = ref(!1), T = computed(() => {
+			let y = {
+				position: "relative",
+				background: w.value ? S.value : x.value,
+				width: "100%",
+				height: "48px",
+				marginBottom: "1px",
+				userSelect: "none"
+			};
+			return e.select ? (e.first && (y.marginTop = "1px"), y.outline = "1px solid " + b.value) : (y.marginTop = void 0, y.outline = void 0), y;
+		});
+		return (y, b) => {
+			let x = resolveComponent("v-spacer"), S = resolveComponent("v-icon"), E = resolveDirective("ripple");
 			return withDirectives((openBlock(), createElementBlock("div", {
 				class: "d-flex align-center cursor-pointer",
-				style: normalizeStyle(E.value),
-				onClick: y[1] ||= (e) => w("x-click", C.id),
-				onMouseout: y[2] ||= (e) => T.value = !1,
-				onMouseover: y[3] ||= (e) => T.value = !0
+				style: normalizeStyle(T.value),
+				onClick: b[1] ||= (y) => C("x-click", e.id),
+				onMouseout: b[2] ||= (e) => w.value = !1,
+				onMouseover: b[3] ||= (e) => w.value = !0
 			}, [
-				createElementVNode("div", _hoisted_1$4, [createElementVNode("span", _hoisted_2$1, toDisplayString(C.title), 1), C.desc ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(C.desc), 1)) : createCommentVNode("", !0)]),
-				createVNode(b),
-				createVNode(x, {
+				createElementVNode("div", _hoisted_1$4, [createElementVNode("span", _hoisted_2$1, toDisplayString(e.title), 1), e.desc ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(e.desc), 1)) : createCommentVNode("", !0)]),
+				createVNode(x),
+				createVNode(S, {
 					class: "x-handle cursor-move mr-3",
 					icon: "mdi-drag-horizontal-variant",
-					onMousedown: y[0] ||= withModifiers(() => {}, ["stop"])
-				}),
-				createElementVNode("div", { style: normalizeStyle(D.value) }, null, 4)
-			], 36)), [[S]]);
+					onMousedown: b[0] ||= withModifiers(() => {}, ["stop"])
+				})
+			], 36)), [[E]]);
 		};
 	}
 }), _hoisted_1$3 = {
@@ -8910,23 +8904,25 @@ var clean_default = /* @__PURE__ */ defineComponent({
 			onMove: E,
 			onStart: T
 		}, {
-			default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(C.value, (e) => (openBlock(), createBlock(item_default, {
+			default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(C.value, (e, y) => (openBlock(), createBlock(item_default, {
 				id: e.id,
 				key: e.id,
 				desc: e.desc,
 				select: e.select,
 				title: e.name,
+				first: y === 0,
 				onXClick: O
 			}, null, 8, [
 				"id",
 				"desc",
 				"select",
-				"title"
+				"title",
+				"first"
 			]))), 128))]),
 			_: 1
 		}, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(unref(b)("x-block-lib.noOption")), 1));
 	}
-}), [["__scopeId", "data-v-a710550b"]]), blockTree_default = /* @__PURE__ */ defineComponent({
+}), [["__scopeId", "data-v-5e6d8079"]]), blockTree_default = /* @__PURE__ */ defineComponent({
 	__name: "index",
 	props: {
 		modelValue: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.10.8",
+  "version": "0.10.9",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -42,8 +42,8 @@
   "peerDependencies": {
     "x-error-lib": "^0.5.15",
     "x-essential-lib": "^0.9.27",
-    "x-runtime-lib": "^0.8.216",
-    "x-state-lib": "^0.3.40"
+    "x-runtime-lib": "^0.8.221",
+    "x-state-lib": "^0.3.41"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",